diff --git a/homework/week-1-project/1-head-and-header/index.html b/homework/week-1-project/1-head-and-header/index.html index e69de29..d8ec15a 100644 --- a/homework/week-1-project/1-head-and-header/index.html +++ b/homework/week-1-project/1-head-and-header/index.html @@ -0,0 +1,14 @@ + + + + + + + + + + + + This is a Tik Tak Toe Game! + body> + \ No newline at end of file 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 index e69de29..5bc8a37 100644 --- a/homework/week-1-project/2-rules-of-the-game/index.html +++ b/homework/week-1-project/2-rules-of-the-game/index.html @@ -0,0 +1,26 @@ + + + + + + + + + + + + This is a Tik Tak Toe Game! +
+

+ Rules For The Game: +

+ + +
+ + \ No newline at end of file diff --git a/homework/week-1-project/3-unplayable-board/index.html b/homework/week-1-project/3-unplayable-board/index.html index e69de29..cecbddd 100644 --- a/homework/week-1-project/3-unplayable-board/index.html +++ b/homework/week-1-project/3-unplayable-board/index.html @@ -0,0 +1,51 @@ + + + + + + + + + + + + This is a Tik Tak Toe Game! +
+

+ Rules For The Game: +

+ + +
+ +

+ Let's Play: +

+ + + + + + + + + + + + + + + + + +
+ + + + + \ No newline at end of file diff --git a/homework/week-1-project/3-unplayable-board/style.css b/homework/week-1-project/3-unplayable-board/style.css index e69de29..86ac47c 100644 --- a/homework/week-1-project/3-unplayable-board/style.css +++ b/homework/week-1-project/3-unplayable-board/style.css @@ -0,0 +1,27 @@ +body { + font-family: "Benton Sans", "Helvetica Neue", helvetica, arial, sans-serif; + margin: 2em; + } + + h1 { + font-style: italic; + color: #373fff; + } + h1 { + text-align: center; + } + td { + width: 100px; + height: 100px; + } + table { + margin: 5px auto; + } + .vert { + border-left: 2px solid black; + border-right: 2px solid black; + } + .hori { + border-top: 2px solid black; + border-bottom: 2px solid black; + } \ No newline at end of file diff --git a/homework/week-2-project/0-blank-page-setup/index.html b/homework/week-2-project/0-blank-page-setup/index.html index 7ab86ff..0da4d2e 100644 --- a/homework/week-2-project/0-blank-page-setup/index.html +++ b/homework/week-2-project/0-blank-page-setup/index.html @@ -1,15 +1,27 @@ - - + - - - - + + + + | Welcome...! + + - - +
+
+
+

Acme Web Design

+
+ +
+
- diff --git a/homework/week-2-project/1-body/1-1-header/index.html b/homework/week-2-project/1-body/1-1-header/index.html new file mode 100644 index 0000000..26998a6 --- /dev/null +++ b/homework/week-2-project/1-body/1-1-header/index.html @@ -0,0 +1,28 @@ + + + + + + + | Welcome...! + + + + +
+
+
+

Acme Web Design

+
+ +
+
+ + + diff --git a/homework/week-2-project/1-body/1-1-header/style.css b/homework/week-2-project/1-body/1-1-header/style.css new file mode 100644 index 0000000..e69de29 diff --git a/homework/week-2-project/1-body/1-2-showcase/index.html b/homework/week-2-project/1-body/1-2-showcase/index.html new file mode 100644 index 0000000..43e02ec --- /dev/null +++ b/homework/week-2-project/1-body/1-2-showcase/index.html @@ -0,0 +1,34 @@ + + + + + + + | 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.

+
+
+ + + diff --git a/homework/week-2-project/1-body/1-2-showcase/style.css b/homework/week-2-project/1-body/1-2-showcase/style.css new file mode 100644 index 0000000..e69de29 diff --git a/homework/week-2-project/1-body/1-3-newsletter/index.html b/homework/week-2-project/1-body/1-3-newsletter/index.html new file mode 100644 index 0000000..d2bb295 --- /dev/null +++ b/homework/week-2-project/1-body/1-3-newsletter/index.html @@ -0,0 +1,43 @@ + + + + + + + | 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

+
+ + +
+
+
+ + + diff --git a/homework/week-2-project/1-body/1-3-newsletter/style.css b/homework/week-2-project/1-body/1-3-newsletter/style.css new file mode 100644 index 0000000..e69de29 diff --git a/homework/week-2-project/1-body/1-4-boxes/img/logo_brush.png b/homework/week-2-project/1-body/1-4-boxes/img/logo_brush.png new file mode 100644 index 0000000..e098d57 Binary files /dev/null and b/homework/week-2-project/1-body/1-4-boxes/img/logo_brush.png differ diff --git a/homework/week-2-project/1-body/1-4-boxes/img/logo_css.png b/homework/week-2-project/1-body/1-4-boxes/img/logo_css.png new file mode 100644 index 0000000..335fbcd Binary files /dev/null and b/homework/week-2-project/1-body/1-4-boxes/img/logo_css.png differ diff --git a/homework/week-2-project/1-body/1-4-boxes/img/logo_html.png b/homework/week-2-project/1-body/1-4-boxes/img/logo_html.png new file mode 100644 index 0000000..001f810 Binary files /dev/null and b/homework/week-2-project/1-body/1-4-boxes/img/logo_html.png differ diff --git a/homework/week-2-project/1-body/1-4-boxes/index.html b/homework/week-2-project/1-body/1-4-boxes/index.html new file mode 100644 index 0000000..7bcf7f4 --- /dev/null +++ b/homework/week-2-project/1-body/1-4-boxes/index.html @@ -0,0 +1,62 @@ + + + + + + + | 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

+
+
+
+ + + \ No newline at end of file diff --git a/homework/week-2-project/1-body/1-4-boxes/style.css b/homework/week-2-project/1-body/1-4-boxes/style.css new file mode 100644 index 0000000..e69de29 diff --git a/homework/week-2-project/1-body/1-5-footer/index.html b/homework/week-2-project/1-body/1-5-footer/index.html new file mode 100644 index 0000000..f482180 --- /dev/null +++ b/homework/week-2-project/1-body/1-5-footer/index.html @@ -0,0 +1,65 @@ + + + + + + + | 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

+
+
+
+ + + + \ No newline at end of file diff --git a/homework/week-2-project/1-body/1-5-footer/style.css b/homework/week-2-project/1-body/1-5-footer/style.css new file mode 100644 index 0000000..e69de29 diff --git a/homework/week-2-project/1-body/1-6-body together/img/logo_brush.png b/homework/week-2-project/1-body/1-6-body together/img/logo_brush.png new file mode 100644 index 0000000..e098d57 Binary files /dev/null and b/homework/week-2-project/1-body/1-6-body together/img/logo_brush.png differ diff --git a/homework/week-2-project/1-body/1-6-body together/img/logo_css.png b/homework/week-2-project/1-body/1-6-body together/img/logo_css.png new file mode 100644 index 0000000..335fbcd Binary files /dev/null and b/homework/week-2-project/1-body/1-6-body together/img/logo_css.png differ diff --git a/homework/week-2-project/1-body/1-6-body together/img/logo_html.png b/homework/week-2-project/1-body/1-6-body together/img/logo_html.png new file mode 100644 index 0000000..001f810 Binary files /dev/null and b/homework/week-2-project/1-body/1-6-body together/img/logo_html.png differ diff --git a/homework/week-2-project/1-body/1-6-body together/index.html b/homework/week-2-project/1-body/1-6-body together/index.html new file mode 100644 index 0000000..f482180 --- /dev/null +++ b/homework/week-2-project/1-body/1-6-body together/index.html @@ -0,0 +1,65 @@ + + + + + + + | 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

+
+
+
+ + + + \ No newline at end of file diff --git a/homework/week-2-project/1-body/1-6-body together/style.css b/homework/week-2-project/1-body/1-6-body together/style.css new file mode 100644 index 0000000..ef9cf99 --- /dev/null +++ b/homework/week-2-project/1-body/1-6-body together/style.css @@ -0,0 +1,206 @@ +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; + } + } + \ No newline at end of file diff --git a/homework/week-2-project/index.html b/homework/week-2-project/index.html deleted file mode 100644 index 879ec9b..0000000 --- a/homework/week-2-project/index.html +++ /dev/null @@ -1,40 +0,0 @@ - - - - - - - - HTML/CSS Week 2 Project Table - - - -

Traversy Media: Build An HTML5 Website With A Responsive Layout

-

- -

- - - - - - - - - - - - - - - - - - - - - -
a user can ...index.htmlabout.htmlservices.htmlCSS
... open a website empty HTML template, requiring CSS file, title tag(doesn't exist yet!)(doesn't exist yet!)empty CSS file
- - -