From 6c662c991955ee96e1877f308d6c518dca82fcf3 Mon Sep 17 00:00:00 2001 From: Micko Matamorosa Date: Wed, 9 Oct 2019 17:49:44 +0800 Subject: [PATCH] submission --- index.css | 218 +++++++++++++++++++++++++++++++++++++++++++++++++++++ index.html | 87 +++++++++++++++++++++ user.json | 4 +- 3 files changed, 307 insertions(+), 2 deletions(-) diff --git a/index.css b/index.css index 402604c..b5e3859 100644 --- a/index.css +++ b/index.css @@ -1,4 +1,222 @@ html, body { font-family: Helvetica, sans-serif; font-size: 16px; + margin: 0; } + +.wrapper{ + background-color: #f4f4f4; + width: 1366px; + height: 2450px; + margin: 0 auto 0; +} + +.con_one{ + background-color: #323232; + width: 1366px; + height: 370px; +} + +.con_one h2{ + margin: 0; + padding: 0; + color: white; + text-align: center; + font-size: 3.9em; + font-weight: 250; + padding-top: 140px; +} + +.con_one .line{ + background-color: white; + margin: 0; + width: 198px; + height: 2.4px; + position: relative; + left: 584px; + top: 1.8em; +} + + +/* con two */ +.con_two{ + background-color: white; + width: 1023px; + height: 353px; + position: relative; + left: 172px; + top: 60px; +} + +.con_two h1{ + color: #323232; + margin: 0; + text-align: center; + text-transform: uppercase; + font-weight: 500; + font-size: 2em; + letter-spacing: 3.5px; + padding-top: 70px; + padding-bottom: 28px; +} + +.con_two p{ + color: #323232; + text-align: center; + font-size: 1em; + margin: 0; + line-height: 28px; + letter-spacing: 0.10px; + +} + +.con_two button{ + text-align: center; + text-transform: uppercase; + border-radius: 5%; + border: 2px solid #323232; + background-color: white; + width: 196px; + height: 47px; + margin-left: 413px; + margin-top: 30px; + font-size: 0.8em; + letter-spacing: 0.3em; +} + +/* CONTAINER THREE */ +.con_three{ + background-color: #f4f4f4; + width: 1023px; + height: 537px; + position: relative; + left: 172px; + top: 131px; + display: flex; + justify-content: space-between; +} + +.feugiat{ + background-image: url(images/pic01.jpg); + width: 495px; + height: 537px; + background-repeat: no-repeat; +} + +.feugiat h1, +.blandit h1, +.lorem h1, +.ipsum h1{ + color: white; + text-transform: uppercase; + text-align: center; + font-weight: 550; + font-size: 1.4em; + letter-spacing: 4.6px; + margin-top: 105px; + margin-bottom: 109px; +} + +.feugiat .bx1, +.blandit .bx1, +.lorem .bx1, +.ipsum .bx1{ + color: #323232; + background-color: white; + width: 495px; + height: 263px; + padding-top: 34px; +} + +.bx1 p{ + text-align: center; + line-height: 25px; +} + +.bx1 button{ + margin-top: 19px; + text-transform: uppercase; + background-color: white; + color: #323232; + border-radius: 4%; + border: 2px solid #323232; + margin-left: 197px; + width: 100px; + height: 41px; + letter-spacing: 1.8px; +} + + +.blandit{ + background-image: url(images/pic02.jpg); + width: 495px; + height: 537px; + background-repeat: no-repeat; + +} + +/* CONTAINER 4 */ +.con_four{ + background-color: #f4f4f4; + width: 1023px; + height: 537px; + position: relative; + left: 172px; + top: 165px; + display: flex; + justify-content: space-between; +} + +.lorem{ + background-image: url(images/pic03.jpg); + width: 495px; + height: 537px; + background-repeat: no-repeat; +} + +.ipsum{ + background-image: url(images/pic04.jpg); + width: 495px; + height: 537px; + background-repeat: no-repeat; +} + +/* CONTAINER 5 */ + +.con_five h1{ + margin: 0; + text-transform: uppercase; + text-align: center; + padding-top: 267px; + font-size: 1.8em; +color: #323232; +letter-spacing: 5px; +} + +.con_five p{ + text-align: center; + margin: 0; + line-height: 27px; + padding-top: 30px; + letter-spacing: 0.1px; +} + +.con_five button{ + background-color: white; + text-transform: uppercase; + border-radius: 4%; + border: 2px solid #323232; + margin-left: 581px; + margin-top: 31px; + width: 205px; + height: 50px; + text-align: center; + letter-spacing: 3.7px; +} + +.footline{ + border: 0.7px solid #323232; + width: 1023px; + margin-top: 96px; + margin-left: 171px; +} \ No newline at end of file diff --git a/index.html b/index.html index e69de29..e6cbefa 100644 --- a/index.html +++ b/index.html @@ -0,0 +1,87 @@ + + + + Document + + + + +
+ +
+

Final

+
+
+ +
+

Lorem Ipsum Dolor

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae

+

malesuada turpis. Nam pellentesque in ac aliquam. Aliquam tempor

+

mi porta egestas maximus lorem ipsum dolor.

+ +
+ +
+
+

feugiat et faucibus

+
+

Fusce malesuada effictiur venenatis. Pellentesque
+ tempor leo sed massa hendrerit hendrerit. In sed
+ feugiat est, eu congue elit. Ut porta magna vel felis
+ sodales vulputate. Donec faucibus dapibus lacus non
+ ornare

+ +
+
+ +
+

blandit adpiscing

+
+

Fusce malesuada effictiur venenatis. Pellentesque
+ tempor leo sed massa hendrerit hendrerit. In sed
+ feugiat est, eu congue elit. Ut porta magna vel felis
+ sodales vulputate. Donec faucibus dapibus lacus non
+ ornare

+ +
+
+
+ +
+
+

lorem massa nulla

+
+

Fusce malesuada effictiur venenatis. Pellentesque
+ tempor leo sed massa hendrerit hendrerit. In sed
+ feugiat est, eu congue elit. Ut porta magna vel felis
+ sodales vulputate. Donec faucibus dapibus lacus non
+ ornare

+ +
+
+ +
+

ipsum sed tempus

+
+

Fusce malesuada effictiur venenatis. Pellentesque
+ tempor leo sed massa hendrerit hendrerit. In sed
+ feugiat est, eu congue elit. Ut porta magna vel felis
+ sodales vulputate. Donec faucibus dapibus lacus non
+ ornare

+ +
+
+
+ +
+

lorem ipsum dolor

+

Phasellus ac augue ac magna auctor tempus proin
accumsan lacus a nibh commodo in pellentesque dui
in hac habitasse platea dictumst.

+ +
+
+ + +
+ + + \ No newline at end of file diff --git a/user.json b/user.json index 4ac80a0..6b9177f 100644 --- a/user.json +++ b/user.json @@ -1,4 +1,4 @@ { - "name": "", - "email": "" + "name": "Christian Ray C. Frecia", + "email": "christian.frecia@boom.camp" }