From feb938a78f5966890ed8d89b1fc41cf35325f3d3 Mon Sep 17 00:00:00 2001 From: Dafni Date: Thu, 30 Mar 2023 17:09:41 -0400 Subject: [PATCH] Initial commit --- index.html | 24 ++++++++++++++++++++ style.css | 64 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 88 insertions(+) create mode 100644 index.html create mode 100644 style.css diff --git a/index.html b/index.html new file mode 100644 index 0000000..316a882 --- /dev/null +++ b/index.html @@ -0,0 +1,24 @@ + + + + + + + +Home + + + + +
+

Example 1

+
+

Example

+

Example

+

Example

+
+
+ + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..43ad9e5 --- /dev/null +++ b/style.css @@ -0,0 +1,64 @@ +@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap'); +* +{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: 'Poppins', sans-serif; +} +body{ + width: 100%; + align-items: center; + transition: ease-in-out 200ms; + z-index: 2; +} +#header{ + width: 100%; + padding: 5% 10%; + justify-content: space-between; + align-items: center; + background-color: #0fa00f; +} +#header h1{ + text-align: center; + font-size: 4em; + font-weight: 800; + line-height: 1em; + text-transform: uppercase; + color: #fff; + padding: 80px 0; +} +.section{ + padding: 50px 95px; +} +.section h3{ + line-height: 40px; + font-size: 1.4em; +} +.section hr{ + width: 200px; + border: 0.5px solid #000; + margin-bottom: 7px; +} +.section p{ + line-height: 2; +} +a{ + text-decoration: none; + color: #000; + transition: ease-in-out 200ms; +} +.section a:hover{ + opacity: 0.7; + color: #0fa00f; +} +@media screen and (max-width: 720px) { + #header{ + padding-left: 10%; + padding-right: 10%; + } + .section{ + padding-left: 10%; + padding-right: 10%; + } +} \ No newline at end of file