diff --git a/css/index.css b/css/index.css index 21442c782..7dc8492c2 100644 --- a/css/index.css +++ b/css/index.css @@ -49,6 +49,8 @@ table { * { box-sizing: border-box; + border: 1px solid greenyellow; + color: rgb(225,239, 230); } html { @@ -90,9 +92,46 @@ header { background-image: url('../img/home-header.jpg'); background-size: cover; background-position: center; - background-repeat: no-repeat; + background-repeat:no-repeat; +} +.header-info{ + height: 25%; + display: flex; + flex-flow: column wrap; + align-content: center; + align-items: center; + background-color: rgb(0, 4, 17, .8); +} +h1{ + height: 33.3%; + width: 100%; + display: flex; + flex-wrap: wrap; + justify-content: center; } +nav{ + height: 66.6%; + width: 100%; +} +.links{ + height: 50%; + width: 100%; + display: flex; + justify-content: space-evenly; +} +a{ + color: rgb(225,239, 230); +} +.socials{ + height: 50%; + width: 15%; + margin-left: 42.5; + margin-right: 42.5%; + display: flex; + color: rgb(225,239, 230); + justify-content: space-around; +} /* spacers */ .spacer { width: 100%; @@ -108,27 +147,40 @@ header { /* gallery section */ .gallery { width: 100%; - height: 100vh; + height: 181.5vh; text-align: center; background-color: rgb(0, 4, 17); + display: flex; +} +.images{ + display: flex; + width: 100vw; + justify-content: space-evenly; + flex-wrap: wrap; +} +.image-row { + padding-top: 1%; + padding-bottom: 1%; + display: flex; + width: 100vw; + justify-content: space-evenly; } - /* about us section */ .about { width: 100%; - height: 75vh; - text-align: center; + height: 120vh; + text-align:center; background-image: url("../img/staff-cooks.jpg"); background-size: cover; - background-position: top; + background-position:top; background-repeat: no-repeat; } .about-container { - height: 100%; + height: 120vh; display: flex; - flex-wrap: wrap; - justify-content: center; + flex-wrap:wrap; + justify-content:center; align-items: center; background-color: rgb(0, 4, 17, .8); } @@ -194,12 +246,55 @@ footer { height: 15vh; padding-top: 2.5vh; font-size: 3rem; + display: flex; + flex-direction: row; +} +.email-container{ + width: 33.33%; + display: flex; + flex-wrap: wrap; + align-items: center; +} +.email-container h5{ + width: 100%; + text-align: center; + align-items: center; +} + +.footer-right{ + width: 66.6%; + display: flex; + flex-direction: column; + align-items: center; + +} +.footer-links{ + width: 100%; + display: flex; + justify-content:space-around; + +} +.footer nav{ + display: flex; + justify-content:space-around; + } +.footer a{ + display: flex; + justify-content:space-around; + width: 20%; +} +.copyright{ + height: 10%; + +} /* mobile media query */ @media (max-width: 428px) { /* header section */ - + .header{ + + } /* gallery section */ .gallery { diff --git a/index.html b/index.html index 775cccb67..4a5120480 100644 --- a/index.html +++ b/index.html @@ -3,139 +3,147 @@ - - - Sprint Challenge - Home - - - + + + Sprint Challenge - Home + + + -
- -
-
- BLOOMTECH BAR AND GRILL - - - Menu - Reservations - Special Offers - Contact -
-
- - - - - -
- - -
-
-

ABOUT US

- -
-
- -
-

Good Food, Great People

-

Quis duis aute, shank ut pork eiusmod in ball tip jerky non. Short ribs tail dolore, fatback in - tempor meatloaf pig sunt porchetta beef. Ad hamburger pig veniam, andouille exercitation cillum - eiusmod doner irure tail burgdoggen rump chislic officia. Pancetta frankfurter sed, est t-bone - porchetta capicola id tri-tip cillum cow leberkas do minim. Sausage ea velit boudin laboris - dolore - short loin corned beef commodo jowl beef dolor tempor. Dolor culpa enim in meatloaf, ham mollit - shankle duis chicken dolore andouille do tenderloin qui.

-
- -
-
-
-
- - -
- - -
-
-

CONTACT US

- -
-
-

Address

- -
-

100 Main St

-

San Francisco, CA

-
-
- -
-

Hours

- -
-

Sunday to Thursday:

-

12:00p - 12:00a

-

Friday and Saturday:

-

12:00p - 4:00a

-
-
- -
-

Contacts

- - -
-
-
-
- - -
- - - -
+
+
+
+

BLOOMTECH BAR AND GRILL

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

ABOUT US

+
+
+
+

Good Food, Great People

+

Quis duis aute, shank ut pork eiusmod in ball tip jerky non. Short ribs tail dolore, fatback in + tempor meatloaf pig sunt porchetta beef. Ad hamburger pig veniam, andouille exercitation cillum + eiusmod doner irure tail burgdoggen rump chislic officia. Pancetta frankfurter sed, est t-bone + porchetta capicola id tri-tip cillum cow leberkas do minim. Sausage ea velit boudin laboris + dolore + short loin corned beef commodo jowl beef dolor tempor. Dolor culpa enim in meatloaf, ham mollit + shankle duis chicken dolore andouille do tenderloin qui.

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

CONTACT US

+
+
+

Address

+ +
+

100 Main St

+

San Francisco, CA

+
+
+ +
+

Hours

+ +
+

Sunday to Thursday:

+

12:00p - 12:00a

+

Friday and Saturday:

+

12:00p - 4:00a

+
+
+ +
+

Contacts

+ + +
+
+
+
+ + +
+ + + + \ No newline at end of file diff --git a/menu.html b/menu.html index 08457325c..8718a3d59 100644 --- a/menu.html +++ b/menu.html @@ -3,133 +3,173 @@ - + + + Sprint Challenge - Menu - Sprint Challenge - Menu - - - + + + -
- -
- BLOOMTECH BAR AND GRILL - - - Menu - Reservations - Special Offers - Contact -
- - -
- - - - - -
- - -
- - Join our mailing list! - Sign Up - - Menu - Reservations - Special Offers - Contact - - ©2022 BloomTech Restaurant Group, Inc. All Rights Reserved. -
+
+ +
+
+

BLOOMTECH BAR AND GRILL

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