| @@ -0,0 +1,19 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <title>Position Practice</title> | ||
| <link rel="stylesheet" type="text/css" href="css_1.css"> | ||
| </head> | ||
| <body> | ||
| <div id="wrapper"> | ||
| <div id="header"></div> | ||
| <div id="navigation"></div> | ||
| <div id="main_content"> | ||
| <div class="subcontents"></div> | ||
| <div class="subcontents"></div> | ||
| <div class="subcontents"></div> | ||
| <div id="advertisement"></div> | ||
| </div> | ||
| </div><!-- end of wrapper --> | ||
| </body> | ||
| </html> |
| @@ -0,0 +1,45 @@ | ||
| /*CSS reset settings here*/ | ||
| *{ | ||
| margin: 0px; | ||
| padding: 0px; | ||
| } | ||
| #wrapper{ | ||
| width: 950px; | ||
| background-color: silver; | ||
| border-color: silver; | ||
| padding: 20px; | ||
| } | ||
| #header{ | ||
| height: 150px; | ||
| margin-bottom: 20px; | ||
| background-color: green; | ||
| } | ||
| #navigation{ | ||
| height: 300px; | ||
| width: 200px; | ||
| margin-right: 20px; | ||
| background-color: blue; | ||
| display: inline-block; | ||
| } | ||
| #main_content{ | ||
| height: 400px; | ||
| width: 700px; | ||
| padding:13px 0px 0px 13px; | ||
| background-color: red; | ||
| display: inline-block; | ||
| vertical-align: top; | ||
|
|
||
| } | ||
| .subcontents{ | ||
| height: 200px; | ||
| width: 210px; | ||
| margin-right: 10px; | ||
| background-color: yellow; | ||
| display: inline-block; | ||
| } | ||
| #advertisement{ | ||
| height: 120px; | ||
| width: 660px; | ||
| margin-top: 20px; | ||
| background-color: purple; | ||
| } |
| @@ -0,0 +1,46 @@ | ||
| *{ | ||
| margin: 0px; | ||
| paddingcopy: 0px; | ||
| } | ||
| #wrapper{ | ||
| width: 950px; | ||
| background-color: silver; | ||
| margin: 10px; | ||
| padding: 10px; | ||
| height: 600px; | ||
| } | ||
| #header{ | ||
| height: 150px; | ||
| background-color: green; | ||
| margin: 10px; | ||
| display: block; | ||
|
|
||
| } | ||
| #navigation{ | ||
| height: 300px; | ||
| width: 200px; | ||
| background-color: blue; | ||
| display: inline-block; | ||
| margin: 10px; | ||
| } | ||
| #main_content{ | ||
| height: 400px; | ||
| width: 700px; | ||
| margin: 10px 10px 10px 15px; | ||
| background-color: red; | ||
| display: inline-block; | ||
| vertical-align: top; | ||
| } | ||
| .subcontents{ | ||
| height: 200px; | ||
| width: 210px; | ||
| background-color: yellow; | ||
| display: inline-block; | ||
| margin: 10px; | ||
| } | ||
| #advertisement{ | ||
| height: 120px; | ||
| width: 660px; | ||
| background-color: purple; | ||
| margin: 20px; | ||
| } |
| @@ -0,0 +1,11 @@ | ||
| create repo on github | ||
| mkdir basic repo | ||
| git init | ||
| copy NUL readme.txt | ||
| git remote add origin <url> | ||
| git add . | ||
| git commit | ||
| git push u- origin master | ||
| git add . | ||
| git commit -m "swiggity swag" | ||
| git push u- origin master |
| @@ -0,0 +1,13 @@ | ||
| cd desktop | ||
| mkdir gittest | ||
| cd gittest | ||
| git init | ||
| copy NUL index.html | ||
| copy NUL aboutMe.txt | ||
| copy NUL styles.css | ||
| git add . | ||
| git commit -m "initial commit" | ||
| git add | ||
| git commit -m "added favorite move to aboutMe" | ||
| git log | ||
| git reset 7319b44 --hard |
| @@ -0,0 +1,10 @@ | ||
| created a github repository | ||
| opened terminal | ||
| mkdir gitrepoassignment | ||
| cd gitrepoassignment | ||
| git init | ||
| copy NUL readme.md | ||
| git add . | ||
| git commit -m "initial commit" | ||
| git remote add origin https://github.com/bkick/githubrepoassignment.git | ||
| git push -u origin master |
| @@ -0,0 +1,26 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <link rel="stylesheet" href="style.css"> | ||
| </head> | ||
| <body> | ||
| <div class="head"> | ||
| <div class="name"> | ||
| Jayne Doe | ||
| </div> | ||
| <div class="master"> | ||
| Master of shadows and the Internet! | ||
| </div> | ||
| </div> | ||
| <div class="background"> | ||
| <div id="picture"> | ||
| </div> | ||
| <div id="about"> | ||
| </div> | ||
| <div class="heading" id="la_mode"> | ||
| La Mode | ||
| </div> | ||
|
|
||
| </div> | ||
| </body> | ||
| </html> |
| @@ -0,0 +1,65 @@ | ||
| .head{ | ||
| background-color: #f5f5f5; | ||
| display: block; | ||
| width: 950px; | ||
| } | ||
|
|
||
| .name{ | ||
| color: black; | ||
| text-align: left; | ||
| display: inline-block; | ||
| font-family: "Comic Sans MS", sans-serif; | ||
| font-size: 36px; | ||
| margin: 15px 25px; | ||
| font-weight: 600; | ||
| } | ||
|
|
||
| .master{ | ||
| color: black; | ||
| font-family: "veranda", sans-serif; | ||
| display: inline-block; | ||
| position: absolute; | ||
| top: 40px; | ||
| left: 480px; | ||
| font-size: 24px; | ||
| font-weight: 600; | ||
| } | ||
| .background{ | ||
| background-color: #513d46; | ||
| width: 950px; | ||
| height:900px; | ||
| } | ||
| #picture{ | ||
| background-image: url("photo.jpg"); | ||
| width: 410px; | ||
| height: 270px; | ||
| background-size:410px 270px; | ||
| position: absolute; | ||
| top: 110px; | ||
| left: 30px; | ||
|
|
||
| } | ||
| #about{ | ||
| background-image: url("swag.jpg"); | ||
| position: absolute; | ||
| background-size:450px 270px; | ||
| height: 270px; | ||
| width: 450px; | ||
| top: 110px; | ||
| left:470px | ||
| } | ||
| .heading{ | ||
| font-family: "veranda", sans-serif; | ||
| font-size: 24px; | ||
| font-weight:600; | ||
| background-color: #898794; | ||
| color: white; | ||
| height: 30px; | ||
| width: 280px; | ||
| padding:10px; | ||
| } | ||
| #la_mode{ | ||
| position: absolute; | ||
| top: 400px; | ||
| left: 30px; | ||
| } |