From 9ba8a3343930af1b77ba78134d9320a8a0832287 Mon Sep 17 00:00:00 2001 From: Madhavi Rajavasireddy Date: Sun, 13 Aug 2017 20:57:54 -0700 Subject: [PATCH 1/4] Added my name to file --- README.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/README.md b/README.md index a38d4d6..dd08ce1 100644 --- a/README.md +++ b/README.md @@ -4,3 +4,5 @@ assignment_bootstrap_sprint Pick yourself up! [A Bootstrap, HTM5 and SASS project from the Viking Code School](http://www.vikingcodeschool.com) + +

Maddie Rajavasireddy

From 90b0e1f6380c3ef759d9f2a09c044748bcbb1ea3 Mon Sep 17 00:00:00 2001 From: maddiereddy Date: Wed, 16 Aug 2017 22:52:28 -0700 Subject: [PATCH 2/4] added main functionality --- .../styles.scssc | Bin 0 -> 34861 bytes index.html | 92 +++++++++ reset.css | 46 +++++ styles.css | 129 +++++++++++++ styles.css.map | 7 + styles.scss | 180 ++++++++++++++++++ 6 files changed, 454 insertions(+) create mode 100644 .sass-cache/0e547241a2593e6fecdee24d08b36561b1075a6c/styles.scssc create mode 100644 index.html create mode 100644 reset.css create mode 100644 styles.css create mode 100644 styles.css.map create mode 100644 styles.scss diff --git a/.sass-cache/0e547241a2593e6fecdee24d08b36561b1075a6c/styles.scssc b/.sass-cache/0e547241a2593e6fecdee24d08b36561b1075a6c/styles.scssc new file mode 100644 index 0000000000000000000000000000000000000000..40301e2224c04df7c9b7166b99898d0a35003e0a GIT binary patch literal 34861 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 + + + + + + + + + + + + + + + +
+ Navbar + Home + Link + Disabled +
+ +
+ Action + Another action + Something else here +
+
+
+ + +
+
+ +
+
+
+

Hello, world!

+
+

This is a template for a simple marketing or informational website. It includes a large callout called a jumbotron and three supporting pieces of content. Use it as a starting point to create something more unique.

+ +
+
+ +
+
+
+

Heading

+
+

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, + quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo + consequat

+ +
+
+
+

Heading

+
+

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, + quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo + consequat

+ +
+
+
+

Heading

+
+

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, + quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo + consequat

+ +
+
+ +
+
+

© Company 2017

+
+ + + + + + + + + + \ No newline at end of file diff --git a/reset.css b/reset.css new file mode 100644 index 0000000..f93c3a6 --- /dev/null +++ b/reset.css @@ -0,0 +1,46 @@ +//CSS RESET SECTION +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} + +// END CSS RESET SECTION diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..ef5d8a5 --- /dev/null +++ b/styles.css @@ -0,0 +1,129 @@ +body { + margin: 0; + display: block; } + +.top-menu { + overflow: hidden; + background-color: #262626; + font-family: Arial; + width: 100%; + height: 60px; + top: 0; + position: fixed; } + .top-menu a { + float: left; + font-size: 16px; + color: white; + text-align: center; + text-decoration: none; } + .top-menu #navbar { + font-size: 22px; + padding: 18px 14px; } + .top-menu #home, .top-menu #disabled, .top-menu #link { + padding: 22px 14px; } + .top-menu #disabled { + color: dimgray; } + .top-menu #link { + color: darkgray; } + .top-menu #link:hover { + color: whitesmoke; } + .top-menu .search { + float: right; + margin: 10px; } + .top-menu .search input { + height: 40px; + width: 200px; + padding: 5px 10px; + border-radius: 5px; } + .top-menu .search button { + height: 40px; + width: 80px; + border: 2px solid green; + background-color: #262626; + color: green; + border-radius: 5px; + margin: auto 10px; } + +.drop-down { + float: left; + overflow: hidden; } + .drop-down .drop-btn { + font-size: 16px; + border: none; + outline: none; + color: darkgray; + padding: 22px 14px; + background-color: inherit; } + .drop-down:hover .drop-btn { + color: whitesmoke; } + .drop-down:hover .drop-down-content { + display: block; } + +.drop-down-content { + display: none; + position: absolute; + background-color: #f9f9f9; + min-width: 160px; + box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); + z-index: 1; } + .drop-down-content a { + float: none; + color: black; + padding: 12px 16px; + text-decoration: none; + display: block; + text-align: left; } + .drop-down-content a:hover { + background-color: #f2f2f2; } + +.jumbo-tron { + width: 100%; + height: 400px; + background-color: #eef2f7; + display: block; } + .jumbo-tron article { + width: 80%; + height: 260px; + margin: 60px 68px; + padding: 100px 0; } + .jumbo-tron article h1 { + font-size: 80px; + color: black; } + .jumbo-tron article p { + line-height: 24px; } + .jumbo-tron article button { + background-color: #1a53ff; + color: white; + height: 50px; + width: 150px; + border-radius: 8px; + font-size: 18px; } + .jumbo-tron article button span { + margin: 0; + font-size: 20px; } + +.articles { + display: block; + margin: 0 50px; } + .articles #card1, .articles #card2, .articles #card3 { + width: 29%; + height: 280px; + margin: 30px 18px; + float: left; } + .articles #card1 p, .articles #card2 p, .articles #card3 p { + line-height: 22px; } + .articles #card1 button, .articles #card2 button, .articles #card3 button { + background-color: #8f99a3; + color: white; + height: 40px; + width: 140px; + border-radius: 5px; } + .articles #card1 button span, .articles #card2 button span, .articles #card3 button span { + margin: 0; + font-size: 18px; } + +footer { + clear: both; + margin: 0 68px; } + +/*# sourceMappingURL=styles.css.map */ diff --git a/styles.css.map b/styles.css.map new file mode 100644 index 0000000..4f808e7 --- /dev/null +++ b/styles.css.map @@ -0,0 +1,7 @@ +{ +"version": 3, +"mappings": "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", +"sources": ["styles.scss"], +"names": [], +"file": "styles.css" +} \ No newline at end of file diff --git a/styles.scss b/styles.scss new file mode 100644 index 0000000..d857fa9 --- /dev/null +++ b/styles.scss @@ -0,0 +1,180 @@ +body { + margin:0; + display: block; +} + +.top-menu { + overflow: hidden; + background-color: #262626; + font-family: Arial; + width: 100%; + height: 60px; + top: 0; + position: fixed; + + a { + float: left; + font-size: 16px; + color: white; + text-align: center; + text-decoration: none; + } + + #navbar { + font-size: 22px; + padding: 18px 14px; + } + + #home, #disabled, #link { + padding: 22px 14px; + } + + #disabled { + color: dimgray; + } + + #link { + color: darkgray; + + &:hover { + color: whitesmoke; + } + } + + .search { + float: right; + margin: 10px; + + input { + height: 40px; + width: 200px; + padding: 5px 10px; + border-radius: 5px; + } + + button { + height: 40px; + width: 80px; + border: 2px solid green; + background-color: #262626; + color: green; + border-radius: 5px; + margin: auto 10px; + } + } +} + +.drop-down { + float: left; + overflow: hidden; + + .drop-btn { + font-size: 16px; + border: none; + outline: none; + color: darkgray; + padding: 22px 14px; + background-color: inherit; + } + + &:hover .drop-btn { + color: whitesmoke; + } + + &:hover .drop-down-content { + display: block; + } +} + +.drop-down-content { + display: none; + position: absolute; + background-color: #f9f9f9; + min-width: 160px; + box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); + z-index: 1; + + a { + float: none; + color: black; + padding: 12px 16px; + text-decoration: none; + display: block; + text-align: left; + + &:hover { + background-color: #f2f2f2; + } + } +} + +.jumbo-tron { + width: 100%; + height: 400px; + background-color: #eef2f7; + display: block; + + article { + width: 80%; + height: 260px; + margin: 60px 68px; + padding: 100px 0; + + h1 { + font-size: 80px; + color: black; + } + + p { + line-height: 24px; + } + + button { + background-color: #1a53ff; + color: white; + height: 50px; + width: 150px; + border-radius: 8px; + font-size: 18px; + + span { + margin: 0; + font-size:20px; + } + } + } +} + +.articles { + display: block; + margin: 0 50px; + + #card1, #card2, #card3 { + width: 29%; + height: 280px; + margin: 30px 18px; + float: left; + + p { + line-height: 22px; + } + + button { + background-color: #8f99a3; + color: white; + height: 40px; + width: 140px; + border-radius: 5px; + + span { + margin: 0; + font-size:18px; + } + } + } +} + +footer { + clear: both; + margin: 0 68px; +} \ No newline at end of file From 77997af0d79c451e49c618ac76d9a8b7a025dedc Mon Sep 17 00:00:00 2001 From: maddiereddy Date: Thu, 17 Aug 2017 20:36:54 -0700 Subject: [PATCH 3/4] added breakpoints for resizing screen --- .../styles.scssc | Bin 34861 -> 40385 bytes index.html | 20 ++- styles.css | 88 ++++++------ styles.css.map | 2 +- styles.scss | 135 +++++++++++------- 5 files changed, 147 insertions(+), 98 deletions(-) diff --git a/.sass-cache/0e547241a2593e6fecdee24d08b36561b1075a6c/styles.scssc b/.sass-cache/0e547241a2593e6fecdee24d08b36561b1075a6c/styles.scssc index 40301e2224c04df7c9b7166b99898d0a35003e0a..036877677f7549d8490b358abf5df4d08c062c0c 100644 GIT binary patch literal 40385 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 MMoP))bLGtc146UkMF0Q* literal 34861 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 + + + + + + +
Navbar Home Link Disabled + +
- -
+ +
Action Another action Something else here
+ +
+

Hello, world!

This is a template for a simple marketing or informational website. It includes a large callout called a jumbotron and three supporting pieces of content. Use it as a starting point to create something more unique.

- +
+
@@ -76,6 +89,7 @@

Heading

+