diff --git a/assets/facebook.svg b/assets/facebook.svg new file mode 100644 index 0000000..061ff85 --- /dev/null +++ b/assets/facebook.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/insta.svg b/assets/insta.svg new file mode 100644 index 0000000..9221bab --- /dev/null +++ b/assets/insta.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/assets/youtube.svg b/assets/youtube.svg new file mode 100644 index 0000000..de6f9a7 --- /dev/null +++ b/assets/youtube.svg @@ -0,0 +1,3 @@ + + + diff --git a/css/style.css b/css/style.css index 31342d5..1fdff1c 100644 --- a/css/style.css +++ b/css/style.css @@ -108,7 +108,6 @@ p { height: 23.125rem; } - .content-div p { width: 20.938rem; font-style: normal; @@ -121,7 +120,7 @@ p { height: 6.5rem; } -.content-div .text-div{ +.content-div .text-div { margin-top: 5rem; } @@ -130,14 +129,38 @@ p { text-align: center; } -.last-figure{ +.last-figure { height: 25rem; width: 100vw; display: flex; justify-content: center; } -.last-figure img{ +.last-figure img { width: 85rem; height: 17.25rem; } + +.footer { + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + width: 100vw; + height: 8rem; + background: black; +} + +.socials img { + margin: 0.7rem; +} + +.footer .copyright { + font-family: "Inter"; + font-style: normal; + font-weight: 400; + font-size: 0.625rem; + line-height: 0.75rem; + text-transform: uppercase; + color: white; +} diff --git a/html/LandingPage.html b/html/LandingPage.html index 30eb114..b493a05 100644 --- a/html/LandingPage.html +++ b/html/LandingPage.html @@ -35,7 +35,7 @@ />
-
+

Lorem ipsum

dolor sit amet

@@ -115,21 +115,31 @@

-
+

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vulputate sapien non libero faucibus interdum. In eget tincidunt - ipsum. Quisque a tellus at lectus blandit tempor. Ut tristique - auctor mi eget hendrerit. Curabitur venenatis felis vitae sagittis - venenatis. Donec finibus turpis vitae lectus interdum rutrum vitae - sed augue. + ipsum. Quisque a tellus at lectus blandit tempor. Ut tristique auctor + mi eget hendrerit. Curabitur venenatis felis vitae sagittis venenatis. + Donec finibus turpis vitae lectus interdum rutrum vitae sed augue.

- +
+ +