From 26666805fb77db01fe982ca2491272311d892295 Mon Sep 17 00:00:00 2001 From: JK1320 <73619227+JK1320@users.noreply.github.com> Date: Thu, 12 Nov 2020 11:45:06 +0000 Subject: [PATCH 1/3] create profile webpage write html and css --- css/style.css | 96 +++++++++++++++++++++++++++++++++++++++++++++++++++ index.html | 52 ++++++++++++++++++++++++++++ 2 files changed, 148 insertions(+) diff --git a/css/style.css b/css/style.css index 75e9841e..6a91abca 100644 --- a/css/style.css +++ b/css/style.css @@ -6,3 +6,99 @@ * for example: General styles, Navigation styles, Hero styles, Footer etc. * */ + body { + background-image: url(https://images.unsplash.com/photo-1513151233558-d860c5398176?ixlib=rb-1.2.1&w=1000&q=80); + } +header { + margin-left: 0; + margin-right: 0; + margin-top: 0; + padding: 20px; + background-color: rgb(245, 232, 119); +} + +.title { + color: red; +} + +nav { + background-color: white; + height: 50px; + text-align: center; +} + +ul li { + list-style: none; + display: inline-block; + line-height: 50px; + +} + +ul li a { + text-decoration: none; + padding: 0 80px; + +} + +.first { + color: green; +} + +#pic { + margin: 10; + height: 400px; + +} + +#intro { + border: orange solid 5px; + border-radius: 10px; + margin-top: 80px; + margin-left: 100px; + margin-right: 100px; + padding: 30px; + background-color: aquamarine; +} + +#skills { + border: orange solid 5px; + border-radius: 10px; + margin-top: 80px; + margin-left: 100px; + margin-right: 100px; + padding: 30px; + background-color: aquamarine; +} + +#contact { + border: orange solid 5px; + border-radius: 10px; + margin-top: 80px; + margin-left: 100px; + margin-right: 100px; + padding: 30px; + background-color: aquamarine; + text-align: center; +} + +#message { + margin-top: 10px; +} + +#intro :first-child { + background-color: green; +} + +.footer { + padding-top: 30px; + text-align: center; + font-size: 20px; +} + +a:hover { + color: rgb(255, 0, 200); +} + +.legal { + color: red; +} \ No newline at end of file diff --git a/index.html b/index.html index 67dfc7f5..250a4e15 100644 --- a/index.html +++ b/index.html @@ -18,5 +18,57 @@ +
+

Jasvir Kaur

+

A new day is a new beginning.

+ +
+ +
+ +
+ +
+

About

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent euismod mi ipsum. Nulla semper fringilla tincidunt. Fusce eleifend iaculis orci, at sagittis nisl luctus luctus. Nulla sollicitudin eu libero non posuere. Sed consequat blandit lectus, et condimentum justo dictum et. Vivamus ultricies justo ipsum, in vehicula tellus pretium sed. In faucibus orci massa, non tincidunt sem varius non. Vivamus rutrum pharetra eros. Praesent nec tortor sed massa venenatis tincidunt. Quisque dictum ligula non leo malesuada, ac feugiat nibh rutrum. Sed at eros vel enim feugiat venenatis. Nulla varius tortor non magna elementum, id lacinia nibh eleifend. Aenean vitae ligula risus. Sed ultricies malesuada odio sed elementum.

+ +
+ +
+

Skills

+

Pellentesque at quam vitae eros euismod tincidunt. Nulla facilisi. Donec at lacus augue. Duis tempus enim ac quam luctus, sit amet commodo nisi pulvinar. Praesent eget risus varius, facilisis tortor eget, tincidunt purus. Praesent pellentesque commodo metus, vel volutpat ipsum egestas et. Vivamus vulputate a mauris ac semper. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi tortor neque, egestas rutrum dictum ac, pretium ut massa. Donec vulputate leo vel ex accumsan maximus non ut elit. In hac habitasse platea dictumst. Vivamus enim neque, fringilla eu nulla facilisis, pharetra varius eros. Sed lacinia urna vel sem pellentesque malesuada. Quisque eget pretium nibh, eget congue quam. Aliquam molestie mauris massa, vel fringilla tortor mollis a. Sed leo neque, pharetra sit amet aliquet ut, ullamcorper ut ligula.

+ +
+ +
+

Contact

+
+ +
+ + +
+ + + +
+ +
+ +
+ +
+ From 3335e232af2c713daa8a9be55aa3c22e32d14d61 Mon Sep 17 00:00:00 2001 From: JK1320 <73619227+JK1320@users.noreply.github.com> Date: Thu, 12 Nov 2020 12:22:00 +0000 Subject: [PATCH 2/3] try to fix pseudo class --- css/style.css | 14 ++++---------- index.html | 24 ++++++++++-------------- 2 files changed, 14 insertions(+), 24 deletions(-) diff --git a/css/style.css b/css/style.css index 6a91abca..367dd95f 100644 --- a/css/style.css +++ b/css/style.css @@ -44,13 +44,7 @@ ul li a { color: green; } -#pic { - margin: 10; - height: 400px; - -} - -#intro { +.intro { border: orange solid 5px; border-radius: 10px; margin-top: 80px; @@ -60,7 +54,7 @@ ul li a { background-color: aquamarine; } -#skills { +.skills { border: orange solid 5px; border-radius: 10px; margin-top: 80px; @@ -70,7 +64,7 @@ ul li a { background-color: aquamarine; } -#contact { +.contact { border: orange solid 5px; border-radius: 10px; margin-top: 80px; @@ -85,7 +79,7 @@ ul li a { margin-top: 10px; } -#intro :first-child { +main :first-child { background-color: green; } diff --git a/index.html b/index.html index 250a4e15..17e32b07 100644 --- a/index.html +++ b/index.html @@ -31,26 +31,23 @@

Jasvir Kaur

- -
- -
+

About

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent euismod mi ipsum. Nulla semper fringilla tincidunt. Fusce eleifend iaculis orci, at sagittis nisl luctus luctus. Nulla sollicitudin eu libero non posuere. Sed consequat blandit lectus, et condimentum justo dictum et. Vivamus ultricies justo ipsum, in vehicula tellus pretium sed. In faucibus orci massa, non tincidunt sem varius non. Vivamus rutrum pharetra eros. Praesent nec tortor sed massa venenatis tincidunt. Quisque dictum ligula non leo malesuada, ac feugiat nibh rutrum. Sed at eros vel enim feugiat venenatis. Nulla varius tortor non magna elementum, id lacinia nibh eleifend. Aenean vitae ligula risus. Sed ultricies malesuada odio sed elementum.

- -
+ +
-
+

Skills

Pellentesque at quam vitae eros euismod tincidunt. Nulla facilisi. Donec at lacus augue. Duis tempus enim ac quam luctus, sit amet commodo nisi pulvinar. Praesent eget risus varius, facilisis tortor eget, tincidunt purus. Praesent pellentesque commodo metus, vel volutpat ipsum egestas et. Vivamus vulputate a mauris ac semper. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi tortor neque, egestas rutrum dictum ac, pretium ut massa. Donec vulputate leo vel ex accumsan maximus non ut elit. In hac habitasse platea dictumst. Vivamus enim neque, fringilla eu nulla facilisis, pharetra varius eros. Sed lacinia urna vel sem pellentesque malesuada. Quisque eget pretium nibh, eget congue quam. Aliquam molestie mauris massa, vel fringilla tortor mollis a. Sed leo neque, pharetra sit amet aliquet ut, ullamcorper ut ligula.

- -
+ + -
+

Contact

-
+


@@ -58,12 +55,11 @@

Contact

- -
- +
+