diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..1686a8b --- /dev/null +++ b/css/style.css @@ -0,0 +1,130 @@ +* { + margin: 0; + padding: 0; +} + +ul { + list-style: none; +} + +.header div { + color: #d584ad; + font-size: 25px; + width: 35%; + margin: 10px 0; +} + +.header ul { + margin: 0 100px 0 0; +} + +.header li { + float: left; + margin: 15px 25px 15px 0; + font-size: 18px; + font-family: sans-serif; +} + +.header li:hover { + color: #d584ad; +} + +.header li:last-child { + margin-right: 0; +} + +.coverPage { + font-family: sans-serif; + color: #fff; + background-image: url('../images/desk.jpg'); + opacity: 1; + padding: 150px 0 20px 0; +} + +.coverPage h4 { + font-size: 30px; +} + +.coverPage h1 { + font-size: 100px; + font-weight: bold; +} + +.coverPage h6 { + font-size: 20px; + margin-bottom: 20px; +} + +.coverPage button, +.footer button { + background-color: #dd606c; + border-radius: 30px; + border: 0; + padding: 15px 30px; + margin: 10px 0 80px 0; +} + +.coverPage p { + color: #fff; + font-size: 75px; +} + +.body { + padding: 0 150px; +} + +.icon { + width: 50px; + height: 50px; + border-radius: 50%; + margin: 0 auto; +} + +.body h2 { + margin-top: 75px; + font-size: 50px; +} + +.body ul { + padding: 40px 0; +} + +.body p { + font-size: 18px; +} + +.servicesContainer { + padding: 20px 0; +} + +.serviceListing li { + margin: 40px 0 0; + border: none; +} + +.serviceListing p { + padding: 10px 25px; + font-size: 18px; +} + +.serviceListing h4 { + font-size: 25px; +} + +.serviceListing span { + padding: 15px; +} + +.footer { + background-color: #eee; + padding: 75px 0 50px 0; +} + +.footer h3 { + font-size: 50px; +} + +.footer p { + font-size: 20px; + margin: 25px; +} diff --git a/images/desk.jpg b/images/desk.jpg new file mode 100644 index 0000000..fd4622e Binary files /dev/null and b/images/desk.jpg differ diff --git a/webpage.html b/webpage.html new file mode 100644 index 0000000..3cda9b2 --- /dev/null +++ b/webpage.html @@ -0,0 +1,84 @@ + + + + + + + +
+
Essence
+ +
+
+

Bundled With Tons of

+

Cutting-edge Features

+

+ Parallax,Video,Product,Premium Addons and More...

+ +

---

+
+
+

OUR SERVICES

+

Lorem ipsum dolor sit amet,consectetuer adipiscing elit,sed diam nonummy

+ +
+
+

Are You Ready To Get Started?

+

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut.

+ +
+ +