diff --git a/homework/week-1-project/0-blank-page-setup/index.html b/homework/week-1- project-ahed/0-blank-page-setup/index.html similarity index 100% rename from homework/week-1-project/0-blank-page-setup/index.html rename to homework/week-1- project-ahed/0-blank-page-setup/index.html diff --git a/homework/week-1-project/0-blank-page-setup/style.css b/homework/week-1- project-ahed/0-blank-page-setup/style.css similarity index 100% rename from homework/week-1-project/0-blank-page-setup/style.css rename to homework/week-1- project-ahed/0-blank-page-setup/style.css diff --git a/homework/week-1- project-ahed/1-head-and-header/Tic-tac-toe.png b/homework/week-1- project-ahed/1-head-and-header/Tic-tac-toe.png new file mode 100644 index 0000000..647da64 Binary files /dev/null and b/homework/week-1- project-ahed/1-head-and-header/Tic-tac-toe.png differ diff --git a/homework/week-1- project-ahed/1-head-and-header/index.html b/homework/week-1- project-ahed/1-head-and-header/index.html new file mode 100644 index 0000000..91f207b --- /dev/null +++ b/homework/week-1- project-ahed/1-head-and-header/index.html @@ -0,0 +1,25 @@ + + + + + + + + + + + +
+ +
+

Welcome To Tic Tac Toe

+
+ +
+

Tic-tac-toe (American English), noughts and crosses (British English),
Xs and Os is a paper-and-pencil game for two players,
X and O, who take turns marking the spaces in a 3×3 grid.
The player who succeeds in placing three of their marks in a horizontal, vertical, or diagonal row wins the game.

+ Tic-tac-toe +
+
+ + + diff --git a/homework/week-1- project-ahed/1-head-and-header/style.css b/homework/week-1- project-ahed/1-head-and-header/style.css new file mode 100644 index 0000000..0e68dfd --- /dev/null +++ b/homework/week-1- project-ahed/1-head-and-header/style.css @@ -0,0 +1,39 @@ +* { + box-sizing: border-box; + } + + html, + body { + padding: 0; + margin: 0; + font-size: 62.5%; + } + + body { + background-color: rgb(231, 130, 130); + } + + .body-wrapper { + background-color: rgb(231, 130, 130); + border-radius: 1rem; + width: 85vw; + margin: 5vh auto; + padding: 2vh; + } + + .title { + font-size: 4rem; + background-color: rgb(60, 183, 224); + } + + .main { + font-size: 1.7rem; + } + + @media screen and (min-width: 1000px) { + .body-wrapper { + width: 1000px; + padding: 1vw 5vw 3vw 5vw; + } + } + \ No newline at end of file diff --git a/homework/week-1- project-ahed/2-rules-of-the-game/Tic-tac-toe.png b/homework/week-1- project-ahed/2-rules-of-the-game/Tic-tac-toe.png new file mode 100644 index 0000000..647da64 Binary files /dev/null and b/homework/week-1- project-ahed/2-rules-of-the-game/Tic-tac-toe.png differ diff --git a/homework/week-1- project-ahed/2-rules-of-the-game/index.html b/homework/week-1- project-ahed/2-rules-of-the-game/index.html new file mode 100644 index 0000000..58bf315 --- /dev/null +++ b/homework/week-1- project-ahed/2-rules-of-the-game/index.html @@ -0,0 +1,39 @@ + + + + + + + + + + + +
+ +
+

Welcome To Tic Tac Toe

+
+ +
+

Tic-tac-toe (American English), noughts and crosses (British English),
Xs and Os is a paper-and-pencil game for two players,
X and O, who take turns marking the spaces in a 3×3 grid.
The player who succeeds in placing three of their marks in a horizontal, vertical, or diagonal row wins the game.

+ Tic-tac-toe +
+ +
+
+
+

RULES FOR TIC-TAC-TOE

+
+ +

1. The game is played on a grid that's 3 squares by 3 squares.
+ 2. You are X, your friend (or the computer in this case) is O. Players take turns putting their marks in empty squares.
+ 3. The first player to get 3 of her marks in a row (up, down, across, or diagonally) is the winner.
+ 4. When all 9 squares are full, the game is over. If no player has 3 marks in a row, the game ends in a tie. +

+ Tic-tac-toe +
+
+ + + diff --git a/homework/week-1- project-ahed/2-rules-of-the-game/style.css b/homework/week-1- project-ahed/2-rules-of-the-game/style.css new file mode 100644 index 0000000..0e68dfd --- /dev/null +++ b/homework/week-1- project-ahed/2-rules-of-the-game/style.css @@ -0,0 +1,39 @@ +* { + box-sizing: border-box; + } + + html, + body { + padding: 0; + margin: 0; + font-size: 62.5%; + } + + body { + background-color: rgb(231, 130, 130); + } + + .body-wrapper { + background-color: rgb(231, 130, 130); + border-radius: 1rem; + width: 85vw; + margin: 5vh auto; + padding: 2vh; + } + + .title { + font-size: 4rem; + background-color: rgb(60, 183, 224); + } + + .main { + font-size: 1.7rem; + } + + @media screen and (min-width: 1000px) { + .body-wrapper { + width: 1000px; + padding: 1vw 5vw 3vw 5vw; + } + } + \ No newline at end of file diff --git a/homework/week-1- project-ahed/3-unplayable-board/Tic-tac-toe.png b/homework/week-1- project-ahed/3-unplayable-board/Tic-tac-toe.png new file mode 100644 index 0000000..647da64 Binary files /dev/null and b/homework/week-1- project-ahed/3-unplayable-board/Tic-tac-toe.png differ diff --git a/homework/week-1- project-ahed/3-unplayable-board/index.html b/homework/week-1- project-ahed/3-unplayable-board/index.html new file mode 100644 index 0000000..d0a2400 --- /dev/null +++ b/homework/week-1- project-ahed/3-unplayable-board/index.html @@ -0,0 +1,55 @@ + + + + + + + + + + + +
+ +
+

Welcome To Tic Tac Toe

+
+ +
+

Tic-tac-toe (American English), noughts and crosses (British English),
Xs and Os is a paper-and-pencil game for two players,
X and O, who take turns marking the spaces in a 3×3 grid.
The player who succeeds in placing three of their marks in a horizontal, vertical, or diagonal row wins the game.

+ Tic-tac-toe +
+ +
+
+
+

RULES FOR TIC-TAC-TOE

+
+ +

1. The game is played on a grid that's 3 squares by 3 squares.
+ 2. You are X, your friend (or the computer in this case) is O. Players take turns putting their marks in empty squares.
+ 3. The first player to get 3 of her marks in a row (up, down, across, or diagonally) is the winner.
+ 4. When all 9 squares are full, the game is over. If no player has 3 marks in a row, the game ends in a tie. +

+ +
+
+
+

TIC-TAC-TOE Board

+ +
+
+
+ + + + +
+ +
+ + +
+ + + diff --git a/homework/week-1- project-ahed/3-unplayable-board/style.css b/homework/week-1- project-ahed/3-unplayable-board/style.css new file mode 100644 index 0000000..b5edfc9 --- /dev/null +++ b/homework/week-1- project-ahed/3-unplayable-board/style.css @@ -0,0 +1,61 @@ +* { + box-sizing: border-box; + } + + html, + body { + padding: 0; + margin: 0; + font-size: 62.5%; + } + + body { + background-color: rgb(231, 130, 130); + } + + .body-wrapper { + background-color: rgb(231, 130, 130); + border-radius: 1rem; + width: 85vw; + margin: 5vh auto; + padding: 2vh; + } + + .title { + font-size: 4rem; + background-color: rgb(60, 183, 224); + } + + .main { + font-size: 1.7rem; + } + + @media screen and (min-width: 1000px) { + .body-wrapper { + width: 1000px; + padding: 1vw 5vw 3vw 5vw; + } + } + + + + table#tictac td { + width: 5em; + height: 5em; + text-align: center; + vertical-align: middle; + font: bold 36px sans-serif; +} + +td#cell0, td#cell1, td#cell2, td#cell3, td#cell4, td#cell5 { + border-bottom: 3px solid rgb(0, 23, 153); +} + +td#cell0, td#cell1, td#cell3, td#cell4, td#cell6, td#cell7 { + border-right: 3px solid rgb(0, 10, 153); +} + +div#result { + margin: 0.5em; + font: 24px sans-serif; +} \ No newline at end of file diff --git a/homework/week-1- project-ahed/4-playable-board/Tic-tac-toe.png b/homework/week-1- project-ahed/4-playable-board/Tic-tac-toe.png new file mode 100644 index 0000000..647da64 Binary files /dev/null and b/homework/week-1- project-ahed/4-playable-board/Tic-tac-toe.png differ diff --git a/homework/week-1- project-ahed/4-playable-board/index.html b/homework/week-1- project-ahed/4-playable-board/index.html new file mode 100644 index 0000000..f01991f --- /dev/null +++ b/homework/week-1- project-ahed/4-playable-board/index.html @@ -0,0 +1,59 @@ + + + + + + + + + + + +
+ +
+

Welcome To Tic Tac Toe

+
+ +
+

Tic-tac-toe (American English), noughts and crosses (British English),
Xs and Os is a paper-and-pencil game for two players,
X and O, who take turns marking the spaces in a 3×3 grid.
The player who succeeds in placing three of their marks in a horizontal, vertical, or diagonal row wins the game.

+ Tic-tac-toe +
+ +
+
+
+

RULES FOR TIC-TAC-TOE

+
+ +

1. The game is played on a grid that's 3 squares by 3 squares.
+ 2. You are X, your friend (or the computer in this case) is O. Players take turns putting their marks in empty squares.
+ 3. The first player to get 3 of her marks in a row (up, down, across, or diagonally) is the winner.
+ 4. When all 9 squares are full, the game is over. If no player has 3 marks in a row, the game ends in a tie. +

+ +
+
+
+

TIC-TAC-TOE Board

+ + + + + +
+ +
+ +
+ +
+ + +
+ + +
+ + + diff --git a/homework/week-1- project-ahed/4-playable-board/style.css b/homework/week-1- project-ahed/4-playable-board/style.css new file mode 100644 index 0000000..b5edfc9 --- /dev/null +++ b/homework/week-1- project-ahed/4-playable-board/style.css @@ -0,0 +1,61 @@ +* { + box-sizing: border-box; + } + + html, + body { + padding: 0; + margin: 0; + font-size: 62.5%; + } + + body { + background-color: rgb(231, 130, 130); + } + + .body-wrapper { + background-color: rgb(231, 130, 130); + border-radius: 1rem; + width: 85vw; + margin: 5vh auto; + padding: 2vh; + } + + .title { + font-size: 4rem; + background-color: rgb(60, 183, 224); + } + + .main { + font-size: 1.7rem; + } + + @media screen and (min-width: 1000px) { + .body-wrapper { + width: 1000px; + padding: 1vw 5vw 3vw 5vw; + } + } + + + + table#tictac td { + width: 5em; + height: 5em; + text-align: center; + vertical-align: middle; + font: bold 36px sans-serif; +} + +td#cell0, td#cell1, td#cell2, td#cell3, td#cell4, td#cell5 { + border-bottom: 3px solid rgb(0, 23, 153); +} + +td#cell0, td#cell1, td#cell3, td#cell4, td#cell6, td#cell7 { + border-right: 3px solid rgb(0, 10, 153); +} + +div#result { + margin: 0.5em; + font: 24px sans-serif; +} \ No newline at end of file diff --git a/homework/week-1-project/1-head-and-header/index.html b/homework/week-1- project-ahed/5-up-to-you/index.html similarity index 100% rename from homework/week-1-project/1-head-and-header/index.html rename to homework/week-1- project-ahed/5-up-to-you/index.html diff --git a/homework/week-1-project/1-head-and-header/style.css b/homework/week-1- project-ahed/5-up-to-you/style.css similarity index 100% rename from homework/week-1-project/1-head-and-header/style.css rename to homework/week-1- project-ahed/5-up-to-you/style.css diff --git a/homework/week-1-project/README.md b/homework/week-1- project-ahed/README.md similarity index 100% rename from homework/week-1-project/README.md rename to homework/week-1- project-ahed/README.md diff --git a/homework/week-1-project/index.html b/homework/week-1- project-ahed/index.html similarity index 100% rename from homework/week-1-project/index.html rename to homework/week-1- project-ahed/index.html diff --git a/homework/week-1-project/2-rules-of-the-game/index.html b/homework/week-1-project/2-rules-of-the-game/index.html deleted file mode 100644 index e69de29..0000000 diff --git a/homework/week-1-project/2-rules-of-the-game/style.css b/homework/week-1-project/2-rules-of-the-game/style.css deleted file mode 100644 index e69de29..0000000 diff --git a/homework/week-1-project/3-unplayable-board/index.html b/homework/week-1-project/3-unplayable-board/index.html deleted file mode 100644 index e69de29..0000000 diff --git a/homework/week-1-project/3-unplayable-board/style.css b/homework/week-1-project/3-unplayable-board/style.css deleted file mode 100644 index e69de29..0000000 diff --git a/homework/week-1-project/4-playable-board/index.html b/homework/week-1-project/4-playable-board/index.html deleted file mode 100644 index e69de29..0000000 diff --git a/homework/week-1-project/4-playable-board/style.css b/homework/week-1-project/4-playable-board/style.css deleted file mode 100644 index e69de29..0000000 diff --git a/homework/week-1-project/5-up-to-you/index.html b/homework/week-1-project/5-up-to-you/index.html deleted file mode 100644 index e69de29..0000000 diff --git a/homework/week-1-project/5-up-to-you/style.css b/homework/week-1-project/5-up-to-you/style.css deleted file mode 100644 index e69de29..0000000 diff --git a/homework/week-2-project/@Media/about.html b/homework/week-2-project/@Media/about.html new file mode 100644 index 0000000..7f7a9a8 --- /dev/null +++ b/homework/week-2-project/@Media/about.html @@ -0,0 +1,63 @@ + + + + + + + + + Acme Web Deisgn | About + + + +
+
+
+

Acme Web Design

+
+ +
+
+ +
+
+

Subscribe To Our Newsletter

+
+ + +
+
+
+ +
+
+
+

About Us

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec varius auctor lacus nec feugiat. Phasellus sit amet ex ipsum. Praesent pharetra tincidunt tempor. Etiam velit eros, dapibus eget porta in, lacinia et magna. Nam eget eros non orci consectetur congue at ac augue. Proin eget arcu in enim feugiat ultricies. Curabitur maximus metus nec metus pretium viverra at et orci. Integer hendrerit ante ut placerat cursus. +

+

+Aliquam eget pharetra diam. Nulla placerat lorem at turpis tempor, vel ultrices dui tincidunt. Proin quis egestas lorem. Mauris vehicula lectus odio, sit amet dictum justo feugiat a. Praesent id dictum lacus. Sed ullamcorper id erat ut dictum. Fusce porttitor lorem sapien, in aliquet sapien convallis et. Donec nec mauris nulla. Curabitur cursus semper odio, et hendrerit ante. Nunc at cursus ante. Maecenas gravida ligula ut efficitur suscipit. Nulla id turpis varius, pretium nunc sed, fermentum sem. Sed lacinia nunc non interdum pellentesque. +

+
+ + +
+
+ + + + diff --git a/homework/week-2-project/@Media/css/style.css b/homework/week-2-project/@Media/css/style.css new file mode 100644 index 0000000..2a7a69b --- /dev/null +++ b/homework/week-2-project/@Media/css/style.css @@ -0,0 +1,205 @@ +body{ + font: 15px/1.5 Arial, Helvetica,sans-serif; + padding:0; + margin:0; + background-color:#f4f4f4; +} + +/* Global */ +.container{ + width:80%; + margin:auto; + overflow:hidden; +} + +ul{ + margin:0; + padding:0; +} + +.button_1{ + height:38px; + background:#e8491d; + border:0; + padding-left: 20px; + padding-right:20px; + color:#ffffff; +} + +.dark{ + padding:15px; + background:#35424a; + color:#ffffff; + margin-top:10px; + margin-bottom:10px; +} + +/* Header **/ +header{ + background:#35424a; + color:#ffffff; + padding-top:30px; + min-height:70px; + border-bottom:#e8491d 3px solid; +} + +header a{ + color:#ffffff; + text-decoration:none; + text-transform: uppercase; + font-size:16px; +} + +header li{ + float:left; + display:inline; + padding: 0 20px 0 20px; +} + +header #branding{ + float:left; +} + +header #branding h1{ + margin:0; +} + +header nav{ + float:right; + margin-top:10px; +} + +header .highlight, header .current a{ + color:#e8491d; + font-weight:bold; +} + +header a:hover{ + color:#cccccc; + font-weight:bold; +} + +/* Showcase */ +#showcase{ + min-height:400px; + background:url('../img/showcase.jpg') no-repeat 0 -400px; + text-align:center; + color:#ffffff; +} + +#showcase h1{ + margin-top:100px; + font-size:55px; + margin-bottom:10px; +} + +#showcase p{ + font-size:20px; +} + +/* Newsletter */ +#newsletter{ + padding:15px; + color:#ffffff; + background:#35424a +} + +#newsletter h1{ + float:left; +} + +#newsletter form { + float:right; + margin-top:15px; +} + +#newsletter input[type="email"]{ + padding:4px; + height:25px; + width:250px; +} + +/* Boxes */ +#boxes{ + margin-top:20px; +} + +#boxes .box{ + float:left; + text-align: center; + width:30%; + padding:10px; +} + +#boxes .box img{ + width:90px; +} + +/* Sidebar */ +aside#sidebar{ + float:right; + width:30%; + margin-top:10px; +} + +aside#sidebar .quote input, aside#sidebar .quote textarea{ + width:90%; + padding:5px; +} + +/* Main-col */ +article#main-col{ + float:left; + width:65%; +} + +/* Services */ +ul#services li{ + list-style: none; + padding:20px; + border: #cccccc solid 1px; + margin-bottom:5px; + background:#e6e6e6; +} + +footer{ + padding:20px; + margin-top:20px; + color:#ffffff; + background-color:#e8491d; + text-align: center; +} + +/* Media Queries */ +@media(max-width: 768px){ + header #branding, + header nav, + header nav li, + #newsletter h1, + #newsletter form, + #boxes .box, + article#main-col, + aside#sidebar{ + float:none; + text-align:center; + width:100%; + } + + header{ + padding-bottom:20px; + } + + #showcase h1{ + margin-top:40px; + } + + #newsletter button, .quote button{ + display:block; + width:100%; + } + + #newsletter form input[type="email"], .quote input, .quote textarea{ + width:100%; + margin-bottom:5px; + } +} diff --git a/homework/week-2-project/@Media/img/creative.png b/homework/week-2-project/@Media/img/creative.png new file mode 100644 index 0000000..2d77304 Binary files /dev/null and b/homework/week-2-project/@Media/img/creative.png differ diff --git a/homework/week-2-project/@Media/img/css3.png b/homework/week-2-project/@Media/img/css3.png new file mode 100644 index 0000000..221bf52 Binary files /dev/null and b/homework/week-2-project/@Media/img/css3.png differ diff --git a/homework/week-2-project/@Media/img/html5.png b/homework/week-2-project/@Media/img/html5.png new file mode 100644 index 0000000..3b26967 Binary files /dev/null and b/homework/week-2-project/@Media/img/html5.png differ diff --git a/homework/week-2-project/@Media/img/logo_brush.png b/homework/week-2-project/@Media/img/logo_brush.png new file mode 100644 index 0000000..dba35aa Binary files /dev/null and b/homework/week-2-project/@Media/img/logo_brush.png differ diff --git a/homework/week-2-project/@Media/img/logo_css.png b/homework/week-2-project/@Media/img/logo_css.png new file mode 100644 index 0000000..fb5477d Binary files /dev/null and b/homework/week-2-project/@Media/img/logo_css.png differ diff --git a/homework/week-2-project/@Media/img/logo_html.png b/homework/week-2-project/@Media/img/logo_html.png new file mode 100644 index 0000000..d7649c1 Binary files /dev/null and b/homework/week-2-project/@Media/img/logo_html.png differ diff --git a/homework/week-2-project/@Media/img/showcase.jpg b/homework/week-2-project/@Media/img/showcase.jpg new file mode 100644 index 0000000..a1b6dc5 Binary files /dev/null and b/homework/week-2-project/@Media/img/showcase.jpg differ diff --git a/homework/week-2-project/@Media/index.html b/homework/week-2-project/@Media/index.html new file mode 100644 index 0000000..79e7738 --- /dev/null +++ b/homework/week-2-project/@Media/index.html @@ -0,0 +1,69 @@ + + + + + + + + + Acme Web Deisgn | Welcome + + + +
+
+
+

Acme Web Design

+
+ +
+
+ +
+
+

Affordable Professional Web Design

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu luctus ipsum, rhoncus semper magna. Nulla nec magna sit amet sem interdum condimentum.

+
+
+ +
+
+

Subscribe To Our Newsletter

+
+ + +
+
+
+ +
+
+
+ +

HTML5 Markup

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus mi augue, viverra sit amet ultricies

+
+
+ +

CSS3 Styling

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus mi augue, viverra sit amet ultricies

+
+
+ +

Graphic Design

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus mi augue, viverra sit amet ultricies

+
+
+
+ + + + diff --git a/homework/week-2-project/@Media/services.html b/homework/week-2-project/@Media/services.html new file mode 100644 index 0000000..3c91c15 --- /dev/null +++ b/homework/week-2-project/@Media/services.html @@ -0,0 +1,88 @@ + + + + + + + + + Acme Web Deisgn | Services + + + +
+
+
+

Acme Web Design

+
+ +
+
+ +
+
+

Subscribe To Our Newsletter

+
+ + +
+
+
+ +
+
+
+

Services

+
    +
  • +

    Website Design

    +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus mi augue, viverra sit amet ultricies at, vulputate id lorem. Nulla facilisi.

    +

    Pricing: $1,000 - $3,000

    +
    • +
  • +

    Website Maintenance

    +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus mi augue, viverra sit amet ultricies at, vulputate id lorem. Nulla facilisi.

    +

    Pricing: $250 per month

    +
    • +
  • +

    Website Hosting

    +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus mi augue, viverra sit amet ultricies at, vulputate id lorem. Nulla facilisi.

    +

    Pricing: $25 per month

    +
    • +
+
+ + +
+
+ + + + diff --git a/homework/week-2-project/Asaid and article/about.html b/homework/week-2-project/Asaid and article/about.html new file mode 100644 index 0000000..58f7ca6 --- /dev/null +++ b/homework/week-2-project/Asaid and article/about.html @@ -0,0 +1,61 @@ + + + + + + + + + Acme Web Deisgn | About + + + +
+
+
+

Acme Web Design

+
+ +
+
+ +
+
+

Subscribe To Our Newsletter

+
+ + +
+
+
+ +
+
+
+

About Us

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec varius auctor lacus nec feugiat. Phasellus sit amet ex ipsum. Praesent pharetra tincidunt tempor. Etiam velit eros, dapibus eget porta in, lacinia et magna. Nam eget eros non orci consectetur congue at ac augue. Proin eget arcu in enim feugiat ultricies. Curabitur maximus metus nec metus pretium viverra at et orci. Integer hendrerit ante ut placerat cursus. +

+

+Aliquam eget pharetra diam. Nulla placerat lorem at turpis tempor, vel ultrices dui tincidunt. Proin quis egestas lorem. Mauris vehicula lectus odio, sit amet dictum justo feugiat a. Praesent id dictum lacus. Sed ullamcorper id erat ut dictum. Fusce porttitor lorem sapien, in aliquet sapien convallis et. Donec nec mauris nulla. Curabitur cursus semper odio, et hendrerit ante. Nunc at cursus ante. Maecenas gravida ligula ut efficitur suscipit. Nulla id turpis varius, pretium nunc sed, fermentum sem. Sed lacinia nunc non interdum pellentesque. +

+
+ + +
+
+ + + + diff --git a/homework/week-2-project/Asaid and article/css/style.css b/homework/week-2-project/Asaid and article/css/style.css new file mode 100644 index 0000000..5286dd1 --- /dev/null +++ b/homework/week-2-project/Asaid and article/css/style.css @@ -0,0 +1,163 @@ +body{ + font: 15px/1.5 Arial, Helvetica,sans-serif; + padding:0; + margin:0; + background-color:#f4f4f4; +} + +/* Global */ +.container{ + width:80%; + margin:auto; + overflow:hidden; +} + +ul{ + margin:0; + padding:0; +} + +.button_1{ + height:38px; + background:#e8491d; + border:0; + padding-left: 20px; + padding-right:20px; + color:#ffffff; +} + +.dark{ + padding:15px; + background:#35424a; + color:#ffffff; + margin-top:10px; + margin-bottom:10px; +} + +/* Header **/ +header{ + background:#35424a; + color:#ffffff; + padding-top:30px; + min-height:70px; + border-bottom:#e8491d 3px solid; +} + +header a{ + color:#ffffff; + text-decoration:none; + text-transform: uppercase; + font-size:16px; +} + +header li{ + float:left; + display:inline; + padding: 0 20px 0 20px; +} + +header #branding{ + float:left; +} + +header #branding h1{ + margin:0; +} + +header nav{ + float:right; + margin-top:10px; +} + +header .highlight, header .current a{ + color:#e8491d; + font-weight:bold; +} + +header a:hover{ + color:#cccccc; + font-weight:bold; +} + +/* Showcase */ +#showcase{ + min-height:400px; + background:url('../img/showcase.jpg') no-repeat 0 -400px; + text-align:center; + color:#ffffff; +} + +#showcase h1{ + margin-top:100px; + font-size:55px; + margin-bottom:10px; +} + +#showcase p{ + font-size:20px; +} + +/* Newsletter */ +#newsletter{ + padding:15px; + color:#ffffff; + background:#35424a +} + +#newsletter h1{ + float:left; +} + +#newsletter form { + float:right; + margin-top:15px; +} + +#newsletter input[type="email"]{ + padding:4px; + height:25px; + width:250px; +} + +/* Boxes */ +#boxes{ + margin-top:20px; +} + +#boxes .box{ + float:left; + text-align: center; + width:30%; + padding:10px; +} + +#boxes .box img{ + width:90px; +} + +/* Sidebar */ +aside#sidebar{ + float:right; + width:30%; + margin-top:10px; +} + +aside#sidebar .quote input, aside#sidebar .quote textarea{ + width:90%; + padding:5px; +} + +/* Main-col */ +article#main-col{ + float:left; + width:65%; +} + +/* Services */ +ul#services li{ + list-style: none; + padding:20px; + border: #cccccc solid 1px; + margin-bottom:5px; + background:#e6e6e6; +} diff --git a/homework/week-2-project/Asaid and article/img/creative.png b/homework/week-2-project/Asaid and article/img/creative.png new file mode 100644 index 0000000..2d77304 Binary files /dev/null and b/homework/week-2-project/Asaid and article/img/creative.png differ diff --git a/homework/week-2-project/Asaid and article/img/css3.png b/homework/week-2-project/Asaid and article/img/css3.png new file mode 100644 index 0000000..221bf52 Binary files /dev/null and b/homework/week-2-project/Asaid and article/img/css3.png differ diff --git a/homework/week-2-project/Asaid and article/img/html5.png b/homework/week-2-project/Asaid and article/img/html5.png new file mode 100644 index 0000000..3b26967 Binary files /dev/null and b/homework/week-2-project/Asaid and article/img/html5.png differ diff --git a/homework/week-2-project/Asaid and article/img/logo_brush.png b/homework/week-2-project/Asaid and article/img/logo_brush.png new file mode 100644 index 0000000..dba35aa Binary files /dev/null and b/homework/week-2-project/Asaid and article/img/logo_brush.png differ diff --git a/homework/week-2-project/Asaid and article/img/logo_css.png b/homework/week-2-project/Asaid and article/img/logo_css.png new file mode 100644 index 0000000..fb5477d Binary files /dev/null and b/homework/week-2-project/Asaid and article/img/logo_css.png differ diff --git a/homework/week-2-project/Asaid and article/img/logo_html.png b/homework/week-2-project/Asaid and article/img/logo_html.png new file mode 100644 index 0000000..d7649c1 Binary files /dev/null and b/homework/week-2-project/Asaid and article/img/logo_html.png differ diff --git a/homework/week-2-project/Asaid and article/img/showcase.jpg b/homework/week-2-project/Asaid and article/img/showcase.jpg new file mode 100644 index 0000000..a1b6dc5 Binary files /dev/null and b/homework/week-2-project/Asaid and article/img/showcase.jpg differ diff --git a/homework/week-2-project/Asaid and article/index.html b/homework/week-2-project/Asaid and article/index.html new file mode 100644 index 0000000..d32521d --- /dev/null +++ b/homework/week-2-project/Asaid and article/index.html @@ -0,0 +1,67 @@ + + + + + + + + + Acme Web Deisgn | Welcome + + + +
+
+
+

Acme Web Design

+
+ +
+
+ +
+
+

Affordable Professional Web Design

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu luctus ipsum, rhoncus semper magna. Nulla nec magna sit amet sem interdum condimentum.

+
+
+ +
+
+

Subscribe To Our Newsletter

+
+ + +
+
+
+ +
+
+
+ +

HTML5 Markup

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus mi augue, viverra sit amet ultricies

+
+
+ +

CSS3 Styling

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus mi augue, viverra sit amet ultricies

+
+
+ +

Graphic Design

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus mi augue, viverra sit amet ultricies

+
+
+
+ + + + diff --git a/homework/week-2-project/Asaid and article/services.html b/homework/week-2-project/Asaid and article/services.html new file mode 100644 index 0000000..34cab7d --- /dev/null +++ b/homework/week-2-project/Asaid and article/services.html @@ -0,0 +1,86 @@ + + + + + + + + + Acme Web Deisgn | Services + + + +
+
+
+

Acme Web Design

+
+ +
+
+ +
+
+

Subscribe To Our Newsletter

+
+ + +
+
+
+ +
+
+
+

Services

+
    +
  • +

    Website Design

    +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus mi augue, viverra sit amet ultricies at, vulputate id lorem. Nulla facilisi.

    +

    Pricing: $1,000 - $3,000

    +
    • +
  • +

    Website Maintenance

    +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus mi augue, viverra sit amet ultricies at, vulputate id lorem. Nulla facilisi.

    +

    Pricing: $250 per month

    +
    • +
  • +

    Website Hosting

    +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus mi augue, viverra sit amet ultricies at, vulputate id lorem. Nulla facilisi.

    +

    Pricing: $25 per month

    +
    • +
+
+ + +
+
+ + + + diff --git a/homework/week-2-project/Footer/about.html b/homework/week-2-project/Footer/about.html new file mode 100644 index 0000000..7f7a9a8 --- /dev/null +++ b/homework/week-2-project/Footer/about.html @@ -0,0 +1,63 @@ + + + + + + + + + Acme Web Deisgn | About + + + +
+
+
+

Acme Web Design

+
+ +
+
+ +
+
+

Subscribe To Our Newsletter

+
+ + +
+
+
+ +
+
+
+

About Us

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec varius auctor lacus nec feugiat. Phasellus sit amet ex ipsum. Praesent pharetra tincidunt tempor. Etiam velit eros, dapibus eget porta in, lacinia et magna. Nam eget eros non orci consectetur congue at ac augue. Proin eget arcu in enim feugiat ultricies. Curabitur maximus metus nec metus pretium viverra at et orci. Integer hendrerit ante ut placerat cursus. +

+

+Aliquam eget pharetra diam. Nulla placerat lorem at turpis tempor, vel ultrices dui tincidunt. Proin quis egestas lorem. Mauris vehicula lectus odio, sit amet dictum justo feugiat a. Praesent id dictum lacus. Sed ullamcorper id erat ut dictum. Fusce porttitor lorem sapien, in aliquet sapien convallis et. Donec nec mauris nulla. Curabitur cursus semper odio, et hendrerit ante. Nunc at cursus ante. Maecenas gravida ligula ut efficitur suscipit. Nulla id turpis varius, pretium nunc sed, fermentum sem. Sed lacinia nunc non interdum pellentesque. +

+
+ + +
+
+ + + + diff --git a/homework/week-2-project/Footer/css/style.css b/homework/week-2-project/Footer/css/style.css new file mode 100644 index 0000000..a019f33 --- /dev/null +++ b/homework/week-2-project/Footer/css/style.css @@ -0,0 +1,172 @@ +body{ + font: 15px/1.5 Arial, Helvetica,sans-serif; + padding:0; + margin:0; + background-color:#f4f4f4; +} + +/* Global */ +.container{ + width:80%; + margin:auto; + overflow:hidden; +} + +ul{ + margin:0; + padding:0; +} + +.button_1{ + height:38px; + background:#e8491d; + border:0; + padding-left: 20px; + padding-right:20px; + color:#ffffff; +} + +.dark{ + padding:15px; + background:#35424a; + color:#ffffff; + margin-top:10px; + margin-bottom:10px; +} + +/* Header **/ +header{ + background:#35424a; + color:#ffffff; + padding-top:30px; + min-height:70px; + border-bottom:#e8491d 3px solid; +} + +header a{ + color:#ffffff; + text-decoration:none; + text-transform: uppercase; + font-size:16px; +} + +header li{ + float:left; + display:inline; + padding: 0 20px 0 20px; +} + +header #branding{ + float:left; +} + +header #branding h1{ + margin:0; +} + +header nav{ + float:right; + margin-top:10px; +} + +header .highlight, header .current a{ + color:#e8491d; + font-weight:bold; +} + +header a:hover{ + color:#cccccc; + font-weight:bold; +} + +/* Showcase */ +#showcase{ + min-height:400px; + background:url('../img/showcase.jpg') no-repeat 0 -400px; + text-align:center; + color:#ffffff; +} + +#showcase h1{ + margin-top:100px; + font-size:55px; + margin-bottom:10px; +} + +#showcase p{ + font-size:20px; +} + +/* Newsletter */ +#newsletter{ + padding:15px; + color:#ffffff; + background:#35424a +} + +#newsletter h1{ + float:left; +} + +#newsletter form { + float:right; + margin-top:15px; +} + +#newsletter input[type="email"]{ + padding:4px; + height:25px; + width:250px; +} + +/* Boxes */ +#boxes{ + margin-top:20px; +} + +#boxes .box{ + float:left; + text-align: center; + width:30%; + padding:10px; +} + +#boxes .box img{ + width:90px; +} + +/* Sidebar */ +aside#sidebar{ + float:right; + width:30%; + margin-top:10px; +} + +aside#sidebar .quote input, aside#sidebar .quote textarea{ + width:90%; + padding:5px; +} + +/* Main-col */ +article#main-col{ + float:left; + width:65%; +} + +/* Services */ +ul#services li{ + list-style: none; + padding:20px; + border: #cccccc solid 1px; + margin-bottom:5px; + background:#e6e6e6; +} + +footer{ + padding:20px; + margin-top:20px; + color:#ffffff; + background-color:#e8491d; + text-align: center; +} + diff --git a/homework/week-2-project/Footer/img/creative.png b/homework/week-2-project/Footer/img/creative.png new file mode 100644 index 0000000..2d77304 Binary files /dev/null and b/homework/week-2-project/Footer/img/creative.png differ diff --git a/homework/week-2-project/Footer/img/css3.png b/homework/week-2-project/Footer/img/css3.png new file mode 100644 index 0000000..221bf52 Binary files /dev/null and b/homework/week-2-project/Footer/img/css3.png differ diff --git a/homework/week-2-project/Footer/img/html5.png b/homework/week-2-project/Footer/img/html5.png new file mode 100644 index 0000000..3b26967 Binary files /dev/null and b/homework/week-2-project/Footer/img/html5.png differ diff --git a/homework/week-2-project/Footer/img/logo_brush.png b/homework/week-2-project/Footer/img/logo_brush.png new file mode 100644 index 0000000..dba35aa Binary files /dev/null and b/homework/week-2-project/Footer/img/logo_brush.png differ diff --git a/homework/week-2-project/Footer/img/logo_css.png b/homework/week-2-project/Footer/img/logo_css.png new file mode 100644 index 0000000..fb5477d Binary files /dev/null and b/homework/week-2-project/Footer/img/logo_css.png differ diff --git a/homework/week-2-project/Footer/img/logo_html.png b/homework/week-2-project/Footer/img/logo_html.png new file mode 100644 index 0000000..d7649c1 Binary files /dev/null and b/homework/week-2-project/Footer/img/logo_html.png differ diff --git a/homework/week-2-project/Footer/img/showcase.jpg b/homework/week-2-project/Footer/img/showcase.jpg new file mode 100644 index 0000000..a1b6dc5 Binary files /dev/null and b/homework/week-2-project/Footer/img/showcase.jpg differ diff --git a/homework/week-2-project/Footer/index.html b/homework/week-2-project/Footer/index.html new file mode 100644 index 0000000..79e7738 --- /dev/null +++ b/homework/week-2-project/Footer/index.html @@ -0,0 +1,69 @@ + + + + + + + + + Acme Web Deisgn | Welcome + + + +
+
+
+

Acme Web Design

+
+ +
+
+ +
+
+

Affordable Professional Web Design

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu luctus ipsum, rhoncus semper magna. Nulla nec magna sit amet sem interdum condimentum.

+
+
+ +
+
+

Subscribe To Our Newsletter

+
+ + +
+
+
+ +
+
+
+ +

HTML5 Markup

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus mi augue, viverra sit amet ultricies

+
+
+ +

CSS3 Styling

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus mi augue, viverra sit amet ultricies

+
+
+ +

Graphic Design

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus mi augue, viverra sit amet ultricies

+
+
+
+ + + + diff --git a/homework/week-2-project/Footer/services.html b/homework/week-2-project/Footer/services.html new file mode 100644 index 0000000..3c91c15 --- /dev/null +++ b/homework/week-2-project/Footer/services.html @@ -0,0 +1,88 @@ + + + + + + + + + Acme Web Deisgn | Services + + + +
+
+
+

Acme Web Design

+
+ +
+
+ +
+
+

Subscribe To Our Newsletter

+
+ + +
+
+
+ +
+
+
+

Services

+
    +
  • +

    Website Design

    +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus mi augue, viverra sit amet ultricies at, vulputate id lorem. Nulla facilisi.

    +

    Pricing: $1,000 - $3,000

    +
    • +
  • +

    Website Maintenance

    +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus mi augue, viverra sit amet ultricies at, vulputate id lorem. Nulla facilisi.

    +

    Pricing: $250 per month

    +
    • +
  • +

    Website Hosting

    +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus mi augue, viverra sit amet ultricies at, vulputate id lorem. Nulla facilisi.

    +

    Pricing: $25 per month

    +
    • +
+
+ + +
+
+ + + + diff --git a/homework/week-2-project/Header/about.html b/homework/week-2-project/Header/about.html new file mode 100644 index 0000000..79c8514 --- /dev/null +++ b/homework/week-2-project/Header/about.html @@ -0,0 +1,30 @@ + + + + + + + + + Acme Web Deisgn | About + + + +
+
+
+

Acme Web Design

+
+ +
+
+ + + + diff --git a/homework/week-2-project/Header/css/style.css b/homework/week-2-project/Header/css/style.css new file mode 100644 index 0000000..7a61d47 --- /dev/null +++ b/homework/week-2-project/Header/css/style.css @@ -0,0 +1,80 @@ +body{ + font: 15px/1.5 Arial, Helvetica,sans-serif; + padding:0; + margin:0; + background-color:#f4f4f4; +} + +/* Global */ +.container{ + width:80%; + margin:auto; + overflow:hidden; +} + +ul{ + margin:0; + padding:0; +} + +.button_1{ + height:38px; + background:#e8491d; + border:0; + padding-left: 20px; + padding-right:20px; + color:#ffffff; +} + +.dark{ + padding:15px; + background:#35424a; + color:#ffffff; + margin-top:10px; + margin-bottom:10px; +} + +/* Header **/ +header{ + background:#35424a; + color:#ffffff; + padding-top:30px; + min-height:70px; + border-bottom:#e8491d 3px solid; +} + +header a{ + color:#ffffff; + text-decoration:none; + text-transform: uppercase; + font-size:16px; +} + +header li{ + float:left; + display:inline; + padding: 0 20px 0 20px; +} + +header #branding{ + float:left; +} + +header #branding h1{ + margin:0; +} + +header nav{ + float:right; + margin-top:10px; +} + +header .highlight, header .current a{ + color:#e8491d; + font-weight:bold; +} + +header a:hover{ + color:#cccccc; + font-weight:bold; +} diff --git a/homework/week-2-project/Header/index.html b/homework/week-2-project/Header/index.html new file mode 100644 index 0000000..96bb3d1 --- /dev/null +++ b/homework/week-2-project/Header/index.html @@ -0,0 +1,30 @@ + + + + + + + + + Acme Web Deisgn | Welcome + + + +
+
+
+

Acme Web Design

+
+ +
+
+ + + + diff --git a/homework/week-2-project/Header/services.html b/homework/week-2-project/Header/services.html new file mode 100644 index 0000000..4ae4d77 --- /dev/null +++ b/homework/week-2-project/Header/services.html @@ -0,0 +1,30 @@ + + + + + + + + + Acme Web Deisgn | Services + + + +
+
+
+

Acme Web Design

+
+ +
+
+ + + + diff --git a/homework/week-2-project/Sections /about.html b/homework/week-2-project/Sections /about.html new file mode 100644 index 0000000..790f916 --- /dev/null +++ b/homework/week-2-project/Sections /about.html @@ -0,0 +1,42 @@ + + + + + + + + + Acme Web Deisgn | About + + + +
+
+
+

Acme Web Design

+
+ +
+
+ +
+
+

Subscribe To Our Newsletter

+
+ + +
+
+
+ + + + + + diff --git a/homework/week-2-project/Sections /css/style.css b/homework/week-2-project/Sections /css/style.css new file mode 100644 index 0000000..35bf0b8 --- /dev/null +++ b/homework/week-2-project/Sections /css/style.css @@ -0,0 +1,164 @@ +body{ + font: 15px/1.5 Arial, Helvetica,sans-serif; + padding:0; + margin:0; + background-color:#f4f4f4; +} + +/* Global */ +.container{ + width:80%; + margin:auto; + overflow:hidden; +} + +ul{ + margin:0; + padding:0; +} + +.button_1{ + height:38px; + background:#e8491d; + border:0; + padding-left: 20px; + padding-right:20px; + color:#ffffff; +} + +.dark{ + padding:15px; + background:#35424a; + color:#ffffff; + margin-top:10px; + margin-bottom:10px; +} + +/* Header **/ +header{ + background:#35424a; + color:#ffffff; + padding-top:30px; + min-height:70px; + border-bottom:#e8491d 3px solid; +} + +header a{ + color:#ffffff; + text-decoration:none; + text-transform: uppercase; + font-size:16px; +} + +header li{ + float:left; + display:inline; + padding: 0 20px 0 20px; +} + +header #branding{ + float:left; +} + +header #branding h1{ + margin:0; +} + +header nav{ + float:right; + margin-top:10px; +} + +header .highlight, header .current a{ + color:#e8491d; + font-weight:bold; +} + +header a:hover{ + color:#cccccc; + font-weight:bold; +} + +/* Showcase */ +#showcase{ + min-height:400px; + background:url('../img/showcase.jpg') no-repeat 0 -400px; + text-align:center; + color:#ffffff; +} + +#showcase h1{ + margin-top:100px; + font-size:55px; + margin-bottom:10px; +} + +#showcase p{ + font-size:20px; +} + +/* Newsletter */ +#newsletter{ + padding:15px; + color:#ffffff; + background:#35424a +} + +#newsletter h1{ + float:left; +} + +#newsletter form { + float:right; + margin-top:15px; +} + +#newsletter input[type="email"]{ + padding:4px; + height:25px; + width:250px; +} + +/* Boxes */ +#boxes{ + margin-top:20px; +} + +#boxes .box{ + float:left; + text-align: center; + width:30%; + padding:10px; +} + +#boxes .box img{ + width:90px; +} + +/* Sidebar */ +aside#sidebar{ + float:right; + width:30%; + margin-top:10px; +} + +aside#sidebar .quote input, aside#sidebar .quote textarea{ + width:90%; + padding:5px; +} + +/* Main-col */ +article#main-col{ + float:left; + width:65%; +} + +/* Services */ +ul#services li{ + list-style: none; + padding:20px; + border: #cccccc solid 1px; + margin-bottom:5px; + background:#e6e6e6; +} + diff --git a/homework/week-2-project/Sections /img/creative.png b/homework/week-2-project/Sections /img/creative.png new file mode 100644 index 0000000..2d77304 Binary files /dev/null and b/homework/week-2-project/Sections /img/creative.png differ diff --git a/homework/week-2-project/Sections /img/css3.png b/homework/week-2-project/Sections /img/css3.png new file mode 100644 index 0000000..221bf52 Binary files /dev/null and b/homework/week-2-project/Sections /img/css3.png differ diff --git a/homework/week-2-project/Sections /img/html5.png b/homework/week-2-project/Sections /img/html5.png new file mode 100644 index 0000000..3b26967 Binary files /dev/null and b/homework/week-2-project/Sections /img/html5.png differ diff --git a/homework/week-2-project/Sections /img/logo_brush.png b/homework/week-2-project/Sections /img/logo_brush.png new file mode 100644 index 0000000..dba35aa Binary files /dev/null and b/homework/week-2-project/Sections /img/logo_brush.png differ diff --git a/homework/week-2-project/Sections /img/logo_css.png b/homework/week-2-project/Sections /img/logo_css.png new file mode 100644 index 0000000..fb5477d Binary files /dev/null and b/homework/week-2-project/Sections /img/logo_css.png differ diff --git a/homework/week-2-project/Sections /img/logo_html.png b/homework/week-2-project/Sections /img/logo_html.png new file mode 100644 index 0000000..d7649c1 Binary files /dev/null and b/homework/week-2-project/Sections /img/logo_html.png differ diff --git a/homework/week-2-project/Sections /img/showcase.jpg b/homework/week-2-project/Sections /img/showcase.jpg new file mode 100644 index 0000000..a1b6dc5 Binary files /dev/null and b/homework/week-2-project/Sections /img/showcase.jpg differ diff --git a/homework/week-2-project/Sections /index.html b/homework/week-2-project/Sections /index.html new file mode 100644 index 0000000..d32521d --- /dev/null +++ b/homework/week-2-project/Sections /index.html @@ -0,0 +1,67 @@ + + + + + + + + + Acme Web Deisgn | Welcome + + + +
+
+
+

Acme Web Design

+
+ +
+
+ +
+
+

Affordable Professional Web Design

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu luctus ipsum, rhoncus semper magna. Nulla nec magna sit amet sem interdum condimentum.

+
+
+ +
+
+

Subscribe To Our Newsletter

+
+ + +
+
+
+ +
+
+
+ +

HTML5 Markup

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus mi augue, viverra sit amet ultricies

+
+
+ +

CSS3 Styling

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus mi augue, viverra sit amet ultricies

+
+
+ +

Graphic Design

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus mi augue, viverra sit amet ultricies

+
+
+
+ + + + diff --git a/homework/week-2-project/Sections /services.html b/homework/week-2-project/Sections /services.html new file mode 100644 index 0000000..8a1478b --- /dev/null +++ b/homework/week-2-project/Sections /services.html @@ -0,0 +1,42 @@ + + + + + + + + + Acme Web Deisgn | Services + + + +
+
+
+

Acme Web Design

+
+ +
+
+ +
+
+

Subscribe To Our Newsletter

+
+ + +
+
+
+ + + + + + diff --git a/homework/week-2-project/index.html b/homework/week-2-project/index.html index 879ec9b..1b343ce 100644 --- a/homework/week-2-project/index.html +++ b/homework/week-2-project/index.html @@ -27,12 +27,55 @@

Traversy Media: Build An HTML5 Website With A Responsive Layout

- ... open a website + ... open a Responsive website empty HTML template, requiring CSS file, title tag (doesn't exist yet!) (doesn't exist yet!) empty CSS file + + + ... Create Header + New tag in HTML5 named header and nav , requiring CSS file, title tag + create new html file named about.html + create new html file named services.html + CSS file named style.css + + + + ... Create Sections + New tag in HTML5 named sections and form, aad section boxs in index.html file , title tag + aad section newsletter and form in about.html file + aad section newsletter in about.html file + CSS file named style.css + + + + ... Create Asaid and article + New tag in HTML5 named Asaid and article + artical class name is main-col
+ aside class name is sidebar + artical class name is main-col
+ aside class name is sidebar + CSS file named style.css + + + + ... Create Footer + New tag in HTML5 named Footer + aad footer in about.html file + aad footer in services.html file + empty CSS file + + + + ... Media + New css3 element named @Media used to check many things, such as: width and height of the viewport. width and height of the device. + + + @media element in css style.css file + +