From fe10f2f2a82e1c7bf9c7324c186ffc520afa6a3d Mon Sep 17 00:00:00 2001 From: kc Date: Mon, 27 Sep 2021 14:44:49 -0400 Subject: [PATCH] finished with homework --- index.html | 38 ++++++++++++++++++++++ styles.css | 92 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 130 insertions(+) diff --git a/index.html b/index.html index e69de29..7dac6c8 100644 --- a/index.html +++ b/index.html @@ -0,0 +1,38 @@ + + + + + + + Document + + + + +
+
+

Follow Us On
Social Media

+

Facebook
Instagram
Twitter

+ +
+
+
+ +

Contact Us

+

Phone Number:
(123) 456-7890

+

Email:
john.smith@google.com

+

Address:
1775 Navy Street
Marine Corps, USA, 01230

+
+
+
+ +
+

Silent Auction

+
+

Join us for the annual VetsInTech
Silent Auction!

+

Date: xx/xx/xx
Time: 00:00 PM EST

+ +
+
+ + \ No newline at end of file diff --git a/styles.css b/styles.css index e69de29..632221a 100644 --- a/styles.css +++ b/styles.css @@ -0,0 +1,92 @@ +section{ + display: flex; + justify-content: center; +} + +h1 { + flex-wrap: wrap; + text-align: center; + line-height: 40px; + margin: 0; + font-family: Arial; + font-weight: bold; + font-size:x-large ; + text-decoration: underline; + + +} +h2 { + flex-wrap: wrap; + text-align: center; + line-height: 40px; + margin: 0; + font-family: Arial; + font-weight: bold; + font-size:x-large ; + text-decoration: underline; + + +} +h3 { + flex-wrap: wrap; + text-align: center; + line-height: 40px; + margin: 0; + font-family: sans-serif; + font-weight: bold; + font-size:xx-large; + + + +} +article{ + width: 380px; +} + +.p1{ + text-align: center; + font-family: 'Segoe UI'; + font-size:larger; +} + +.p2{ + text-align: left; + font-family: 'Segoe UI'; + font-size: small; + +} +.center { + display: block; + margin-left: auto; + margin-right: auto; + width: 40%; + height: 5%; +} +.image-size{ + display: block; + margin-left: auto; + margin-right: auto; + width: 85%; + height: 15%; + +} +.vertical{ + border-left: 8px solid black; + height: 1000px; + width: 20px; +} +.logo-size{ + + display: block; + margin-left: auto; + margin-right: auto; + width: 50%; + +} +.horizontal{ + border: 3px solid black; + color: black; + background-color: black; + height: 2px; + width: 250px; +} \ No newline at end of file