From 2ad37ebd95a6f8dc29a6e0c877d5cf44b4643ac3 Mon Sep 17 00:00:00 2001 From: Nandini Nayak Date: Wed, 7 Apr 2021 10:38:55 +1000 Subject: [PATCH 1/8] doc update --- README.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index a896f3c..1f869f6 100644 --- a/README.md +++ b/README.md @@ -1 +1,3 @@ -# portfolio-site \ No newline at end of file +# portfolio-site + +# testing git branch document \ No newline at end of file From cbf0e84f8ddb6c1e80c24461c28492c5603f7c1b Mon Sep 17 00:00:00 2001 From: Nandini Nayak Date: Wed, 7 Apr 2021 10:44:59 +1000 Subject: [PATCH 2/8] change doc --- README.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 1f869f6..336be50 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,5 @@ # portfolio-site -# testing git branch document \ No newline at end of file +# testing git branch document + +# making changes in the main branch \ No newline at end of file From f0bae46cb3d9425dfd509d0183dba95b9c30682a Mon Sep 17 00:00:00 2001 From: Nandini Nayak Date: Wed, 7 Apr 2021 10:46:09 +1000 Subject: [PATCH 3/8] change readme --- README.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 336be50..8453638 100644 --- a/README.md +++ b/README.md @@ -2,4 +2,6 @@ # testing git branch document -# making changes in the main branch \ No newline at end of file +# making changes in the main branch + +# making changes to the read me branch \ No newline at end of file From 0dcd8ff37bf807954b90a532b5f18837b4445b4e Mon Sep 17 00:00:00 2001 From: Nandini Nayak Date: Wed, 7 Apr 2021 11:00:43 +1000 Subject: [PATCH 4/8] readme update --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 8453638..7bae17b 100644 --- a/README.md +++ b/README.md @@ -4,4 +4,4 @@ # making changes in the main branch -# making changes to the read me branch \ No newline at end of file +# making changes to the read me branch again \ No newline at end of file From ad01f1164176bba1117eb8227e4a7eee52ae4ff7 Mon Sep 17 00:00:00 2001 From: Nandini Nayak Date: Wed, 7 Apr 2021 11:02:15 +1000 Subject: [PATCH 5/8] readme update --- README.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 7bae17b..bedaf45 100644 --- a/README.md +++ b/README.md @@ -4,4 +4,6 @@ # making changes in the main branch -# making changes to the read me branch again \ No newline at end of file +# making changes to the read me branch again + +# added new line \ No newline at end of file From 6efbf9d8ae7d636c31621d265bcc547546dc96e7 Mon Sep 17 00:00:00 2001 From: Nandini Nayak Date: Wed, 7 Apr 2021 11:40:41 +1000 Subject: [PATCH 6/8] add and style profile section --- .vscode/settings.json | 3 +++ css/style.css | 41 ++++++++++++++++++++++++++++++++++++++--- index.html | 14 +++++++++++++- 3 files changed, 54 insertions(+), 4 deletions(-) create mode 100644 .vscode/settings.json diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..6f3a291 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/css/style.css b/css/style.css index a968715..8883119 100644 --- a/css/style.css +++ b/css/style.css @@ -1,3 +1,4 @@ +@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville&display=swap'); *{ margin: 0; padding: 0; @@ -5,6 +6,34 @@ } +body{ + font-family: 'Libre Baskerville', serif; +} + +/* profile section */ +.row{ + display: flex; + justify-content: space-evenly; + flex-wrap: wrap; +} + +.title{ + text-align: center; + padding:10px; +} + +#profile img{ + width: 50%; + margin: 0 25%; +} +#profile p{ + margin: 20px; + color: #777; + font-size: 14px; + line-height: 1.75; + text-align: justify; +} + /* responsive media queries */ /* For mobile phones: */ [class*="col-"] { @@ -26,9 +55,12 @@ .col-s-10 {width: 83.33%;} .col-s-11 {width: 91.66%;} .col-s-12 {width: 100%;} -} -@media only screen and (min-width: 768px) { -/*anything beyoud 768px*/ + #profile p{ font-size: 1.7em;} + #profile img {width: 40%; margin: 0 30%} + .title{font-size: 2.5em;} +} +@media only screen and (min-width: 769px) { +/*anything beyoud 769px*/ /* For desktop: */ .col-1 {width: 8.33%;} .col-2 {width: 16.66%;} @@ -42,4 +74,7 @@ .col-10 {width: 83.33%;} .col-11 {width: 91.66%;} .col-12 {width: 100%;} + .container{margin: 0px 150px;} + #profile img{width: 70%; margin: 0 15%;} + #profile p{font-size: 1.2em;} } \ No newline at end of file diff --git a/index.html b/index.html index 6a1a4e9..8d6836f 100644 --- a/index.html +++ b/index.html @@ -4,11 +4,23 @@ + Portfolio Page
-
+
+

Nandini Nayak

+
+
+ profile-pic +
+
+

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nemo beatae dolores eveniet, ducimus exercitationem velit dolore eius quis incidunt aut minima, porro consequatur fugit, similique ratione tempore distinctio! Animi, earum. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa possimus ducimus tempora odio veniam delectus, totam consequuntur tempore, itaque explicabo a dolorum accusantium ullam placeat reprehenderit, quo reiciendis porro necessitatibus!

+

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Id ipsa vel deleniti sit? Magni facilis excepturi molestias rerum aliquid. Alias facere voluptas officiis sint veniam dolorum veritatis cupiditate autem iste.

+
+
+