diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..6f3a291 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/DJ Donna Summer - Chicken Dance.mp3 b/DJ Donna Summer - Chicken Dance.mp3 new file mode 100644 index 0000000..330bce7 Binary files /dev/null and b/DJ Donna Summer - Chicken Dance.mp3 differ diff --git a/index.html b/index.html index e69de29..c14d567 100644 --- a/index.html +++ b/index.html @@ -0,0 +1,77 @@ + + + + + + + Chick-fil-A Brochure + + + + + + +
+
+
+

Follow us On

+

Social Media

+ +
+
+

Facebook

+

Twitter

+

Instagram

+
+
+ Chicken-mini heart +
+
+
+
+ Chick-fil-a logo +
+
+

Contact Us

+
+
+
Phone Number:
+

1-866-232-2040

+
Email:
+

Chickfila.Careers@TheLordsChicken.com

+
Address:
+

Chick-fil-A CARES P.O. Box 725489 Atlanta, GA 31139-9923

+
+
+
+
+ + + + + +
Join Our Team
+

Hiring Event

+
+ +
+

Better Chicken

+

Better Ingredients

+

Papa...Chick-fil-a

+ +
+
+ Hiring +
+
+ +
+ +
+
+ + \ No newline at end of file diff --git a/styles.css b/styles.css index e69de29..f05407d 100644 --- a/styles.css +++ b/styles.css @@ -0,0 +1,72 @@ +body { + margin: 0px; +} + +section { + overflow: auto; + + display: flex; + flex-direction: column; + margin: 0 10px 0 0; + background: white; + height: 100vh; + width: 100%; +} + +h1 { + text-decoration: underline; + font-size: 3.5em; + text-align: center; + } + +h2 { + background-color: red; + text-align: center; + font-size: 40px; + color: white; + border: solid; + text-decoration: underline; +} +h3 { + font-size: 50px; + text-align: center; +} + +h4{ + font-size: 50px; + text-align: center; + color: red; + font-family: 'Chicken Hut', sans-serif; +} + +h5 { + font-size: 20px; +} + +p { + font-size: 20px; +} +button { + border-bottom: solid black 5px; + border-right: solid black 5px; +} + +.First-Page { + border: 5px solid red; + align-items: center; + justify-content: center; +} + +.Second-Page { + border: 5px solid red; + align-items: center; + justify-content: flex-start; +} + +.Third-Page { + border: 5px solid red; + align-items: center; + justify-content: flex-start; + flex-direction: column; +} +