diff --git a/about.html b/about.html index 9f133e274..1d8cbf331 100644 --- a/about.html +++ b/about.html @@ -1,64 +1,105 @@ - + - - + + - Sprint Challenge - About + Sprint Challenge - About - - + + + - - - +
- - About - - Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment. - - - strategy - - Strategy - - Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. - - Learn More - - - - strategy - - How We Work - - Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. - - Learn More - - - - strategy - - Places We Work - - Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. - - Learn More - - strategy - - Collaboration - - Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. - - Learn More - - Let's Work Together + + + + +
+ + +
+

About

+

+ Leverage agile frameworks to provide a robust synopsis for high level + overviews. Iterative approaches to corporate strategy foster + collaborative thinking to further the overall value proposition. + Organically grow the holistic world view of disruptive innovation via + workplace diversity and empowerment. +

+
+ + +
+
+ strategy +

Strategy

+

+ Iterative approaches to corporate strategy foster collaborative + thinking to further the overall value proposition. +

+ +
+ +
+ strategy +

How We Work

+

+ Iterative approaches to corporate strategy foster collaborative + thinking to further the overall value proposition. +

+ +
+ +
+ strategy +

Places We Work

+

+ Iterative approaches to corporate strategy foster collaborative + thinking to further the overall value proposition. +

+ +
+ +
+ strategy +

Collaboration

+

+ Iterative approaches to corporate strategy foster collaborative + thinking to further the overall value proposition. Learn More +

+ +
+
+ + + +
+

Let's Work Together!

+

+ Leverage agile frameworks to provide a robust synopsis for high level + overviews. Iterative approaches to corporate strategy foster + collaborative thinking to further the overall value proposition. + Organically grow the holistic world view of disruptive innovation via + workplace diversity and empowerment. +

+
- Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment. - -
- - \ No newline at end of file + + + + diff --git a/css/index.css b/css/index.css index ae29d6cee..1dcea7e18 100644 --- a/css/index.css +++ b/css/index.css @@ -3,144 +3,361 @@ License: none (public domain) */ -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; +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; +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +menu, +nav, +section { + display: block; } body { - line-height: 1; + line-height: 1; } -ol, ul { - list-style: none; +ol, +ul { + list-style: none; } -blockquote, q { - quotes: none; +blockquote, +q { + quotes: none; } -blockquote:before, blockquote:after, -q:before, q:after { - content: ''; - content: none; +blockquote:before, +blockquote:after, +q:before, +q:after { + content: ""; + content: none; } table { - border-collapse: collapse; - border-spacing: 0; + border-collapse: collapse; + border-spacing: 0; } * { - box-sizing: border-box; + box-sizing: border-box; } -html, body { - height: 100%; - font-family: 'Roboto', sans-serif; +html, +body { + height: 100%; + font-family: "Roboto", sans-serif; } -h1, h2, h3, h4, h5 { - font-size: 18px; - margin-bottom: 15px; - font-family: 'Rubik', sans-serif; +h1, +h2, +h3, +h4, +h5 { + font-size: 18px; + margin-bottom: 15px; + font-family: "Rubik", sans-serif; } p { - line-height: 1.4; + line-height: 1.4; } .container { - width: 800px; - margin: 0 auto; + width: 800px; + margin: 0 auto; + font-weight: bolder; + color: #505050; +} + +nav { + display: flex; + margin: 4% 0 4%; + color: white; +} + +.links { + margin-top: 3%; + width: 100%; + display: flex; + justify-content: space-evenly; +} + +.links a { + text-decoration: none; + color: #505050; + font-size: 14px; +} + +#under-menu { + height: 150px; + width: 100%; + background-image: url("../img/jumbo.jpg"); + margin-bottom: 3%; } .top-content { - display: flex; - flex-wrap: wrap; - justify-content: space-evenly; - margin-bottom: 20px; - border-bottom: 1px dashed black; + display: flex; + flex-wrap: wrap; + justify-content: space-evenly; + margin-bottom: 20px; + border-bottom: 1px dashed black; } .top-content .text-container { - width: 48%; - padding: 0 1%; - padding-bottom: 20px; + width: 48%; + padding: 0 1%; + padding-bottom: 20px; } .middle-content { - margin-bottom: 20px; - border-bottom: 1px dashed black; + margin-bottom: 20px; + border-bottom: 1px dashed black; } .middle-content h2 { - padding: 0 2%; - margin-bottom: 0; + padding: 0 2%; + margin-bottom: 0; } .middle-content .boxes { - display: flex; - flex-wrap: wrap; - justify-content: space-evenly; + display: flex; + flex-wrap: wrap; + justify-content: space-evenly; +} + +.middle-content .box1, +.box2, +.box3, +.box4, +.box5, +.box6, +.box7, +.box8, +.box9, +.box10 { + width: 12.5%; + height: 100px; + margin: 20px 2.5%; + color: white; + display: flex; + align-items: center; + justify-content: center; +} + +.box1 { + background-color: teal; +} + +.box2 { + background-color: gold; +} + +.box3 { + background-color: cadetblue; +} + +.box4 { + background-color: coral; +} + +.box5 { + background-color: crimson; } -.middle-content .boxes .box { - width: 12.5%; - height: 100px; - background: black; - margin: 20px 2.5%; - color: white; - display: flex; - align-items: center; - justify-content: center; +.box6 { + background-color: forestgreen; +} + +.box7 { + background-color: darkorchid; +} +.box8 { + background-color: hotpink; +} + +.box9 { + background-color: indigo; +} +.box10 { + background-color: dodgerblue; } .bottom-content { - display: flex; - margin: 0 2% 20px; - justify-content: space-around; + display: flex; + margin: 0 2% 20px; + justify-content: space-around; } .bottom-content .text-container { - padding-right: 4%; + padding-right: 4%; } .bottom-content .text-container:last-child { - padding-right: 0; + padding-right: 0; } footer { - width: 100%; - background: black; + width: 100%; + background: black; } footer nav { - width: 60%; - display: flex; - justify-content: space-between; - align-items: center; - padding: 20px 2%; - font-size: 14px; + width: 60%; + display: flex; + justify-content: space-between; + align-items: center; + padding: 20px 2%; + font-size: 14px; } footer nav a { - color: white; - text-decoration: none; -} \ No newline at end of file + color: white; + text-decoration: none; + font-weight: normal; +} + +/* css for about page*/ + +#under-nav { + height: 150px; + width: 100%; + background-image: url("../img/jumbo-about.png"); + margin-bottom: 3%; +} + +.text-about { + border-bottom: 1px dashed black; + padding: 0% 2% 0% 2%; + margin-bottom: 2%; + font-weight: normal; + color: black; + font; +} + +.Working-places, +.collaborating, +.working, +.stratigic { + border-bottom: 1px dashed black; + margin: 2.5%; + width: 45%; + font-weight: normal; + color: black; +} +.picture-container { + display: flex; + flex-wrap: wrap; + justify-content: center; +} + +button { + border: solid black 2px; + border-radius: 12px; + padding: 2% 5%; + background-color: white; + color: black; + font-size: 16px; + margin: 5% 0; +} + +h2, +p { + margin: 3% 0; +} + +.last-container { + padding: 0% 2% 0% 2%; + font-weight: normal; + color: black; +} diff --git a/index.html b/index.html index c6405aef7..91f12193f 100644 --- a/index.html +++ b/index.html @@ -1,75 +1,107 @@ - + - - + + - Sprint Challenge - Home + Sprint Challenge - Home - - + + + - - - +
- -
-
-

The Future

-

Proin sed quam sed tellus vestibulum ultrices quis in nunc. Phasellus id dui id tortor tincidunt efficitur. Proin faucibus imperdiet erat, non varius lacus. Maecenas non nisl id turpis egestas tincidunt. Nam condimentum venenatis magna eget finibus.

-
-
-

The Past

-

Proin sed quam sed tellus vestibulum ultrices quis in nunc. Phasellus id dui id tortor tincidunt efficitur. Proin faucibus imperdiet erat, non varius lacus. Maecenas non nisl id turpis egestas tincidunt. Nam condimentum venenatis magna eget finibus.

-
-
- -
- -

Why Did It Have To Be Boxes...

- -
-
Box 1
-
Box 2
-
Box 3
-
Box 4
-
Box 5
-
Box 6
-
Box 7
-
Box 8
-
Box 9
-
Box 10
-
- -
+ + +
+ +
+
+

The Future

+

+ Proin sed quam sed tellus vestibulum ultrices quis in nunc. + Phasellus id dui id tortor tincidunt efficitur. Proin faucibus + imperdiet erat, non varius lacus. Maecenas non nisl id turpis + egestas tincidunt. Nam condimentum venenatis magna eget finibus. +

+
+
+

The Past

+

+ Proin sed quam sed tellus vestibulum ultrices quis in nunc. + Phasellus id dui id tortor tincidunt efficitur. Proin faucibus + imperdiet erat, non varius lacus. Maecenas non nisl id turpis + egestas tincidunt. Nam condimentum venenatis magna eget finibus. +

+
+
+ +
+

Why Did It Have To Be Boxes...

-
+
+
Box 1
+
Box 2
+
Box 3
+
Box 4
+
Box 5
+
Box 6
+
Box 7
+
Box 8
+
Box 9
+
Box 10
+
+
-
-

That's

-

Phasellus id dui id tortor tincidunt efficitur. Proin sed quam sed tellus vestibulum ultrices quis in nunc.

-
-
-

No

-

Phasellus id dui id tortor tincidunt efficitur. Proin sed quam sed tellus vestibulum ultrices quis in nunc.

-
-
-

Moon

-

Phasellus id dui id tortor tincidunt efficitur. Proin sed quam sed tellus vestibulum ultrices quis in nunc.

-
+
+
+

That's

+

+ Phasellus id dui id tortor tincidunt efficitur. Proin sed quam sed + tellus vestibulum ultrices quis in nunc. +

+
+
+

No

+

+ Phasellus id dui id tortor tincidunt efficitur. Proin sed quam sed + tellus vestibulum ultrices quis in nunc. +

+
+
+

Moon

+

+ Phasellus id dui id tortor tincidunt efficitur. Proin sed quam sed + tellus vestibulum ultrices quis in nunc. +

+
+
-
- - -
- - \ No newline at end of file + + + + +