From 80976699955cd750646ad737959c40c463070a1d Mon Sep 17 00:00:00 2001 From: sairagula Date: Sat, 16 Sep 2017 21:50:52 -0700 Subject: [PATCH 1/6] Adding extra pages --- about.html | 99 +++++++++++++++++ images/flower.png | Bin 0 -> 23099 bytes images/twitter.png | Bin 0 -> 1850 bytes index.html | 63 +++++++++++ menu.html | 10 ++ portfolio.html | 0 resume.html | 0 styles/about_style.css | 138 +++++++++++++++++++++++ styles/projects_style.css | 0 styles/resume_style.css | 0 styles/style.css | 227 ++++++++++++++++++++++++++++++++++++++ 11 files changed, 537 insertions(+) create mode 100644 about.html create mode 100644 images/flower.png create mode 100644 images/twitter.png create mode 100644 index.html create mode 100644 menu.html create mode 100644 portfolio.html create mode 100644 resume.html create mode 100644 styles/about_style.css create mode 100644 styles/projects_style.css create mode 100644 styles/resume_style.css create mode 100644 styles/style.css diff --git a/about.html b/about.html new file mode 100644 index 000000000..fe4ddce77 --- /dev/null +++ b/about.html @@ -0,0 +1,99 @@ + + + + + + My Page + + + + + + + + +
+

Home

+ +
+ +
+
+
+

About me

+ +
+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

+
+
+
    +
  • LinkedIn
    • +
  • Gmail
    • +
  • Facebook
    • +
  • Twitter
    • +
  • Instagram
    • +
  • Pinterest
    • +
+
+
+ + + diff --git a/images/flower.png b/images/flower.png new file mode 100644 index 0000000000000000000000000000000000000000..1d69060dbbd70fd89cb3426246b1ee5b1f688a79 GIT binary patch literal 23099 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 literal 0 HcmV?d00001 diff --git a/index.html b/index.html new file mode 100644 index 000000000..7523cb398 --- /dev/null +++ b/index.html @@ -0,0 +1,63 @@ + + + + + My Page + + + + + + + + + +
+

Home

+ +
+ +
+
+
+

Sairagul Abdukhalieva

+
    +
  • Student Developer
    • +
  • Mother
    • +
  • Travel Lover
    • +
+
+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

+
+ +
+ + + + +
+ +
+
    +
  • LinkedIn
    • +
  • Gmail
    • +
  • Facebook
    • +
  • Twitter
    • +
  • Instagram
    • +
  • Pinterest
    • +
+
+
+
+

©2017 Sairagul Abdukhalieva

+
+ + diff --git a/menu.html b/menu.html new file mode 100644 index 000000000..438edad11 --- /dev/null +++ b/menu.html @@ -0,0 +1,10 @@ +
+

Home

+ +
diff --git a/portfolio.html b/portfolio.html new file mode 100644 index 000000000..e69de29bb diff --git a/resume.html b/resume.html new file mode 100644 index 000000000..e69de29bb diff --git a/styles/about_style.css b/styles/about_style.css new file mode 100644 index 000000000..0c5d54e7d --- /dev/null +++ b/styles/about_style.css @@ -0,0 +1,138 @@ + +html{ + background: PEACHPUFF; +} +.wrapper { + width: 70%; + margin: 0 auto; +} + +/******************/ +/* HEADER */ +/*****************/ + +header { + height: 70px; + position: fixed; + top: 0; + width: 100%; + z-index: 100; + background-color: beige; + padding-bottom: 20px; + font-family: "Vollkorn" serif; + font-size: 21px; + color: olive; + margin-left: -7px; +} + +header a { + text-decoration: none; + font-size: 21px; + color: olive; +} + +header h2 { + float: left; + padding-top: 10px; + margin-left: 100px; + font-size: 21px; + font-weight: 400; +} +header ul { + float: right; + margin-right: 120px; + margin-top: 27px; + +} + +header li { + padding-left: 20px; + display: inline; +} + +header nav a:hover { + color: orange; +} +header a:hover { + color: orange; +} + + + +/******************/ +/* main */ +/*****************/ + +.welcome { + text-align: center; + width: 100%; + padding-top: 30px; + padding-bottom: 30px; +} +.top{ + margin-top: 60px; +} + +.top p{ + text-align: center; + font-family: "Vollkorn", serif; + /*background-color: papayawhip;*/ + margin-left: 100px; + margin-right: 100px; + color: dimgray; + font-size: 1em; + line-height: 1.5; + /*border-style: groove;*/ + /*border-radius: 10px;*/ + height: 200px; +} +.welcome h2{ + padding-bottom: 10px; + font-family: "Satisfy", cursive; + font-size: 42px; + line-height: 62px; + font-weight: 300; + color: orangered; +} +main li{ + display: inline; + width: 30%; + list-style-type: none; + padding: 25px; + font-size: 21px; + color: olive; + font-weight: 400; + font-family: "Fjalla One", sans-serif; +} +/************/ +/* Contact */ +/***********/ +.icons{ + margin-top: 70px; + display: inline-block; + text-align: center; + background-color: beige; + width: 100%; + z-index: 100; + height: 120px; + margin-left: -7px; + padding-right: 20px; +} + +/***********/ +/* Footer */ +/***********/ + +footer p{ + display: inline-block; + text-align: center; + margin-top: 0; + margin-bottom: -10px; + background-color: GAINSBORO; + width: 100%; + padding-top: 60px; + height: 50px; + font-size: 12px; + margin-left: -6px; + padding-right: 20px; +} diff --git a/styles/projects_style.css b/styles/projects_style.css new file mode 100644 index 000000000..e69de29bb diff --git a/styles/resume_style.css b/styles/resume_style.css new file mode 100644 index 000000000..e69de29bb diff --git a/styles/style.css b/styles/style.css new file mode 100644 index 000000000..e239faca2 --- /dev/null +++ b/styles/style.css @@ -0,0 +1,227 @@ + +html{ + background: PEACHPUFF; +} +.wrapper { + width: 70%; + margin: 0 auto; +} + +/******************/ +/* HEADER */ +/*****************/ + +header { + height: 70px; + position: fixed; + top: 0; + width: 100%; + z-index: 100; + background-color: beige; + padding-bottom: 20px; + font-family: "Vollkorn" serif; + font-size: 21px; + color: olive + +} + +header a { + text-decoration: none; + font-size: 21px; + color: olive; +} + +header h2 { + float: left; + padding-top: 10px; + margin-left: 100px; + font-size: 21px; + font-weight: 400; +} +header ul { + float: right; + margin-right: 120px; + margin-top: 27px; + +} + +header li { + padding-left: 20px; + display: inline; +} + +header nav a:hover { + color: orange; +} +header a:hover { + color: orange; +} + + + +/******************/ +/* main */ +/*****************/ + +.welcome { + text-align: center; + width: 100%; + padding-top: 30px; + padding-bottom: 30px; +} +.top{ + margin-top: 60px; +} + +.top p{ + text-align: center; + font-family: "Vollkorn", serif; + background-color: papayawhip; + margin-left: 100px; + margin-right: 100px; + color: dimgray; + font-family: "Vollkorn", serif; + font-size: 1em; + line-height: 1.5; + +} +.welcome h2{ + padding-bottom: 10px; + font-family: "Satisfy", cursive; + font-size: 42px; + line-height: 62px; + font-weight: 300; + color: orangered; +} + +main li{ + display: inline; + width: 30%; + list-style-type: none; + padding: 25px; + font-size: 21px; + color: olive; + font-weight: 400; + font-family: "Fjalla One", sans-serif; +} +.top p{ + border-style: groove; + border-radius: 10px; + text-align: center; + height: 200px; + padding: 30px; +} + +main #student::after{ + content: "👩‍💻" +} + +main #mother::after{ + content: "👩‍👧‍👧" +} + +main #traveler::after{ + content: "🎒" +} + + + +/************/ +/* Contact */ +/***********/ +.icons{ + margin-top: 70px; + display: inline-block; + text-align: center; + background-color: beige; + width: 100%; + z-index: 100; + height: 120px; +} + +/***********/ +/* Footer */ +/***********/ + +footer p{ + display: inline-block; + text-align: center; + margin-top: 0; + margin-bottom: 0; + background-color: GAINSBORO; + width: 100%; + padding-top: 60px; + height: 50px; + padding-bottom: 10px; + font-size: 12px; +} + +body { + text-align: center; + box-sizing: border-box; + margin: 0; + padding: 0; +} + +.wrapper { + display: inline-flex; + margin: 0; + padding: 0; + align-items: center; + justify-content: center; + height: 100vh; +} + +i { + padding: 0px 10px; +} + +.wrapper i:nth-child(1) { + color: #4867AA; + cursor: pointer; + text-shadow: 0px 7px 10px rgba(0, 0, 0, 0.4); + transition: all ease-in-out 150ms; +} + +.wrapper i:nth-child(1):hover { + margin-top: -10px; + text-shadow: 0px 16px 10px rgba(0, 0, 0, 0.3); + transform: translate(0, -8); +} + +.wrapper i:nth-child(2) { + color: #1DA1F2; + cursor: pointer; + text-shadow: 0px 7px 10px rgba(0, 0, 0, 0.4); + transition: all ease-in-out 150ms; +} + +.wrapper i:nth-child(2):hover { + margin-top: -10px; + text-shadow: 0px 16px 10px rgba(0, 0, 0, 0.3); + transform: translate(0, -8); +} + +.wrapper i:nth-child(3) { + color: #813DB4; + cursor: pointer; + text-shadow: 0px 7px 10px rgba(0, 0, 0, 0.5); + transition: all ease-in-out 150ms; +} + +.wrapper i:nth-child(3):hover { + margin-top: -10px; + text-shadow: 0px 14px 10px rgba(0, 0, 0, 0.4); + transform: translate(0, -5); +} +.wrapper i:nth-child(4) { + color: black; + cursor: pointer; + text-shadow: 0px 7px 10px rgba(0, 0, 0, 0.4); + transition: all ease-in-out 150ms; +} +.wrapper i:nth-child(4):hover { + margin-top: -10px; + text-shadow: 0px 16px 10px rgba(0, 0, 0, 0.3); + transform: translate(0, -8); +} From 00dda537b8463aa0db2dc6bb950448fe516f056d Mon Sep 17 00:00:00 2001 From: sairagula Date: Sun, 17 Sep 2017 12:12:05 -0700 Subject: [PATCH 2/6] Contact logos added --- index.html | 34 +++----- styles/style.css | 218 ++++++++++++++++++++++++++++++++--------------- 2 files changed, 160 insertions(+), 92 deletions(-) diff --git a/index.html b/index.html index 7523cb398..c03a0b8e3 100644 --- a/index.html +++ b/index.html @@ -4,11 +4,11 @@ My Page - - - + + + - + @@ -24,7 +24,7 @@

Home

-
+

Sairagul Abdukhalieva

    @@ -37,25 +37,13 @@

    Sairagul Abdukhalieva

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

- -
- - - - -
- -
-
    -
  • LinkedIn
    • -
  • Gmail
    • -
  • Facebook
    • -
  • Twitter
    • -
  • Instagram
    • -
  • Pinterest
    • -
-
+
+ + + + +

©2017 Sairagul Abdukhalieva

diff --git a/styles/style.css b/styles/style.css index e239faca2..bdfd59020 100644 --- a/styles/style.css +++ b/styles/style.css @@ -1,11 +1,4 @@ -html{ - background: PEACHPUFF; -} -.wrapper { - width: 70%; - margin: 0 auto; -} /******************/ /* HEADER */ @@ -15,7 +8,7 @@ header { height: 70px; position: fixed; top: 0; - width: 100%; + width: 98.8%; z-index: 100; background-color: beige; padding-bottom: 20px; @@ -50,15 +43,10 @@ header li { display: inline; } -header nav a:hover { - color: orange; -} header a:hover { color: orange; } - - /******************/ /* main */ /*****************/ @@ -74,16 +62,20 @@ header a:hover { } .top p{ + align: center; text-align: center; font-family: "Vollkorn", serif; - background-color: papayawhip; - margin-left: 100px; - margin-right: 100px; + /*background-color: papayawhip;*/ + margin: auto; color: dimgray; font-family: "Vollkorn", serif; - font-size: 1em; + font-size: 1.2em; line-height: 1.5; - + width: 60%; + /*border-style: groove;*/ + /*border-radius: 10px;*/ + height: 200px; + padding: 30px; } .welcome h2{ padding-bottom: 10px; @@ -104,13 +96,6 @@ main li{ font-weight: 400; font-family: "Fjalla One", sans-serif; } -.top p{ - border-style: groove; - border-radius: 10px; - text-align: center; - height: 200px; - padding: 30px; -} main #student::after{ content: "👩‍💻" @@ -129,51 +114,11 @@ main #traveler::after{ /************/ /* Contact */ /***********/ -.icons{ - margin-top: 70px; - display: inline-block; - text-align: center; - background-color: beige; - width: 100%; - z-index: 100; - height: 120px; -} -/***********/ -/* Footer */ -/***********/ - -footer p{ - display: inline-block; - text-align: center; - margin-top: 0; - margin-bottom: 0; - background-color: GAINSBORO; - width: 100%; - padding-top: 60px; - height: 50px; - padding-bottom: 10px; - font-size: 12px; -} - -body { - text-align: center; - box-sizing: border-box; - margin: 0; - padding: 0; -} - -.wrapper { - display: inline-flex; - margin: 0; - padding: 0; - align-items: center; - justify-content: center; - height: 100vh; -} +/* i { - padding: 0px 10px; + padding: 0 10px; } .wrapper i:nth-child(1) { @@ -203,7 +148,7 @@ i { } .wrapper i:nth-child(3) { - color: #813DB4; + color: #007bb5; cursor: pointer; text-shadow: 0px 7px 10px rgba(0, 0, 0, 0.5); transition: all ease-in-out 150ms; @@ -215,7 +160,7 @@ i { transform: translate(0, -5); } .wrapper i:nth-child(4) { - color: black; + color: #000000; cursor: pointer; text-shadow: 0px 7px 10px rgba(0, 0, 0, 0.4); transition: all ease-in-out 150ms; @@ -224,4 +169,139 @@ i { margin-top: -10px; text-shadow: 0px 16px 10px rgba(0, 0, 0, 0.3); transform: translate(0, -8); +}*/ + + +/*html { + font-size: 20px; +} +body { + background-color: #ccc; + padding: 50px; + text-align: center; +}*/ + +/* Wrapper */ +.wrapper { + padding-left: -50px; + margin-top: 145px; + padding-bottom: 30px; + z-index: 100; + height: 120px; + width: 100%; + background-color: beige; + display: inline-flex; + align-items: center; + justify-content: center; + +} + +/*.wrapper i{ + padding-right: 30px; +}*/ + +.icon-button { + background-color: white; + border-radius: 3.6rem; + cursor: pointer; + display: inline-block; + font-size: 2.0rem; + height: 3.6rem; + line-height: 3.6rem; + margin: 0 20px; + position: relative; + text-align: center; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: 3.6rem; +} + +/* Circle */ +.icon-button span { + border-radius: 0; + display: block; + height: 0; + left: 50%; + margin: 0; + position: absolute; + top: 50%; + -webkit-transition: all 0.3s; + -moz-transition: all 0.3s; + -o-transition: all 0.3s; + transition: all 0.3s; + width: 0; +} +.icon-button:hover span { + width: 3.6rem; + height: 3.6rem; + border-radius: 3.6rem; + /*margin: -1.8rem;*/ +} +.linkedin span { + background-color: #0077B5; +} +.twitter span { + background-color: #4099ff; +} +.facebook span { + background-color: #3B5998; +} +.github span { + background-color: #000000; +} + +/* Icons */ +.icon-button i { + background: none; + color: white; + height: 3.6rem; + left: 0; + line-height: 3.6rem; + position: absolute; + top: 0; + -webkit-transition: all 0.3s; + -moz-transition: all 0.3s; + -o-transition: all 0.3s; + transition: all 0.3s; + width: 3.6rem; + z-index: 10; +} +.icon-button .icon-linkedin { + color: #0077B5; +} +.icon-button .icon-twitter { + color: #4099ff; +} +.icon-button .icon-facebook { + color: #3B5998; +} +.icon-button .icon-github { + color: black; +} +.icon-button:hover .icon-linkedin, +.icon-button:hover .icon-twitter, +.icon-button:hover .icon-facebook, +.icon-button:hover .icon-github { + color: white; +} + + + +/***********/ +/* Footer */ +/***********/ + +footer p{ + display: inline-block; + padding-left: 20px; + text-align: center; + margin-top: 0; + margin-bottom: 0; + background-color: GAINSBORO; + width: 98.5%; + padding-top: 10px; + padding-bottom: 10px; + font-size: 12px; } From f815150eb090819cfbc42d74a047c9dd98ac7dc5 Mon Sep 17 00:00:00 2001 From: sairagula Date: Sun, 17 Sep 2017 14:06:15 -0700 Subject: [PATCH 3/6] Adding 3rd page resume --- about.html | 32 +++--- index.html | 6 +- resume.html | 46 +++++++++ styles/about_style.css | 145 +++++++++++++++++++++------ styles/resume_style.css | 213 ++++++++++++++++++++++++++++++++++++++++ styles/style.css | 85 ++-------------- 6 files changed, 400 insertions(+), 127 deletions(-) diff --git a/about.html b/about.html index fe4ddce77..cbcfbfe9d 100644 --- a/about.html +++ b/about.html @@ -53,7 +53,7 @@

About me

- +
@@ -61,37 +61,31 @@

Home

-
+

About me

-

- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. + Hi! My name is Sairagul. I am learning to code and chasing my dream of becoming a programmer at Ada Developers Academy. + I am from Kyrgyzstan. I love my country, it's beautiful nature and hospitable, sincere people. But I also adore visiting places I’ve never been and meeting with people from different cultures. + Most of all, I love my wonderful family consisting of my beloved husband and our 2 precious little girls. + Traveling, gardening, puzzles are my favorite things to do when I am not coding.

-
-
    -
  • LinkedIn
    • -
  • Gmail
    • -
  • Facebook
    • -
  • Twitter
    • -
  • Instagram
    • -
  • Pinterest
    • -
-
+
+ + + + +

©2017 Sairagul Abdukhalieva

diff --git a/index.html b/index.html index c03a0b8e3..d40d82bca 100644 --- a/index.html +++ b/index.html @@ -26,6 +26,7 @@

Home

+

Sairagul Abdukhalieva

  • Student Developer
    • @@ -34,7 +35,10 @@

    Sairagul Abdukhalieva

- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. + I transitioned from a career in photography and writing to web development because + I see code as the perfect blend of art and communication. + I love the power of the internet to connect communities, + and I want to be a part of projects that change the world for the better.

diff --git a/resume.html b/resume.html index e69de29bb..beb312a97 100644 --- a/resume.html +++ b/resume.html @@ -0,0 +1,46 @@ + + + + + My Page + + + + + + +
+

Home

+ +
+
+
+
+

Resume

+
+
    +

    + I transitioned from a career in photography and writing to web development because + I see code as the perfect blend of art and communication. + I love the power of the internet to connect communities, + and I want to be a part of projects that change the world for the better. +

    +
+
+
+ + + + +
+
+

©2017 Sairagul Abdukhalieva

+
+ + diff --git a/styles/about_style.css b/styles/about_style.css index 0c5d54e7d..cc05a706d 100644 --- a/styles/about_style.css +++ b/styles/about_style.css @@ -1,11 +1,4 @@ -html{ - background: PEACHPUFF; -} -.wrapper { - width: 70%; - margin: 0 auto; -} /******************/ /* HEADER */ @@ -74,26 +67,26 @@ header a:hover { } .top p{ + margin-top: -10px; + /*padding-top: -60px;*/ text-align: center; font-family: "Vollkorn", serif; - /*background-color: papayawhip;*/ - margin-left: 100px; - margin-right: 100px; + margin-left: 200px; + margin-right: 200px; color: dimgray; - font-size: 1em; - line-height: 1.5; - /*border-style: groove;*/ - /*border-radius: 10px;*/ - height: 200px; + font-size: 1.2em; + line-height: 2; + height: 150px; } + .welcome h2{ - padding-bottom: 10px; font-family: "Satisfy", cursive; font-size: 42px; line-height: 62px; font-weight: 300; color: orangered; } + main li{ display: inline; width: 30%; @@ -107,16 +100,105 @@ main li{ /************/ /* Contact */ /***********/ -.icons{ - margin-top: 70px; - display: inline-block; - text-align: center; - background-color: beige; - width: 100%; - z-index: 100; - height: 120px; - margin-left: -7px; - padding-right: 20px; +.wrapper { + padding-left: -50px; + margin-top: 145px; + padding-bottom: 30px; + z-index: 100; + height: 120px; + width: 100%; + background-color: beige; + display: inline-flex; + align-items: center; + justify-content: center; + +} + +.icon-button { + background-color: white; + border-radius: 3.6rem; + cursor: pointer; + display: inline-block; + font-size: 2.0rem; + height: 3.6rem; + line-height: 3.6rem; + margin: 0 20px; + position: relative; + text-align: center; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: 3.6rem; +} + +/* Circle */ +.icon-button span { + border-radius: 0; + display: block; + height: 0; + left: 50%; + margin: 0; + position: absolute; + top: 50%; + -webkit-transition: all 0.3s; + -moz-transition: all 0.3s; + -o-transition: all 0.3s; + transition: all 0.3s; + width: 0; +} +.icon-button:hover span { + width: 3.6rem; + height: 3.6rem; + border-radius: 3.6rem; + /*margin: -1.8rem;*/ +} +.linkedin span { + background-color: #0077B5; +} +.twitter span { + background-color: #4099ff; +} +.facebook span { + background-color: #3B5998; +} +.github span { + background-color: #000000; +} + +/* Icons */ +.icon-button i { + background: none; + color: white; + height: 3.6rem; + left: 0; + line-height: 3.6rem; + position: absolute; + top: 0; + -webkit-transition: all 0.3s; + -moz-transition: all 0.3s; + -o-transition: all 0.3s; + transition: all 0.3s; + width: 3.6rem; + z-index: 10; +} +.icon-button .icon-linkedin { + color: #0077B5; +} +.icon-button .icon-twitter { + color: #4099ff; +} +.icon-button .icon-facebook { + color: #3B5998; +} +.icon-button .icon-github { + color: black; +} +.icon-button:hover .icon-linkedin, +.icon-button:hover .icon-twitter, +.icon-button:hover .icon-facebook, +.icon-button:hover .icon-github { + color: white; } /***********/ @@ -125,14 +207,13 @@ main li{ footer p{ display: inline-block; + padding-left: 20px; text-align: center; margin-top: 0; - margin-bottom: -10px; + margin-bottom: 0; background-color: GAINSBORO; - width: 100%; - padding-top: 60px; - height: 50px; + width: 98.5%; + padding-top: 10px; + padding-bottom: 10px; font-size: 12px; - margin-left: -6px; - padding-right: 20px; } diff --git a/styles/resume_style.css b/styles/resume_style.css index e69de29bb..a8cac03e1 100644 --- a/styles/resume_style.css +++ b/styles/resume_style.css @@ -0,0 +1,213 @@ + +/******************/ +/* HEADER */ +/*****************/ +header{ + background-color: beige; +} +header { + height: 70px; + position: fixed; + top: 0; + width: 98.8%; + z-index: 100; + background-color: beige; + padding-bottom: 20px; + font-family: "Vollkorn" serif; + font-size: 21px; + +} + +header a { + text-decoration: none; + font-size: 21px; + color: olive; +} + +header h2 { + float: left; + padding-top: 10px; + margin-left: 100px; + font-size: 21px; + font-weight: 400; +} +header ul { + float: right; + margin-right: 120px; + margin-top: 27px; + +} + +header li { + padding-left: 20px; + display: inline; +} + +header a:hover { + color: orange; +} + +/******************/ +/* main */ +/*****************/ + +.welcome { + text-align: center; + width: 100%; + padding-top: 30px; + padding-bottom: 30px; +} +.top{ + margin-top: 60px; +} + +.top p{ + align: center; + text-align: center; + font-family: "Vollkorn", serif; + /*background-color: papayawhip;*/ + margin: auto; + color: dimgray; + font-family: "Vollkorn", serif; + font-size: 1.2em; + line-height: 1.5; + width: 60%; + /*border-style: groove;*/ + /*border-radius: 10px;*/ + height: 200px; + padding: 30px; +} +.welcome h2{ + padding-bottom: 10px; + font-family: "Satisfy", cursive; + font-size: 42px; + line-height: 62px; + font-weight: 300; + color: orangered; +} + + + +/************/ +/* Contact */ +/***********/ + +.wrapper { + padding-left: -50px; + margin-top: 145px; + padding-bottom: 30px; + z-index: 100; + height: 120px; + width: 100%; + background-color: beige; + display: inline-flex; + align-items: center; + justify-content: center; + +} + +.icon-button { + background-color: white; + border-radius: 3.6rem; + cursor: pointer; + display: inline-block; + font-size: 2.0rem; + height: 3.6rem; + line-height: 3.6rem; + margin: 0 20px; + position: relative; + text-align: center; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: 3.6rem; +} + +/* Circle */ +.icon-button span { + border-radius: 0; + display: block; + height: 0; + left: 50%; + margin: 0; + position: absolute; + top: 50%; + -webkit-transition: all 0.3s; + -moz-transition: all 0.3s; + -o-transition: all 0.3s; + transition: all 0.3s; + width: 0; +} +.icon-button:hover span { + width: 3.6rem; + height: 3.6rem; + border-radius: 3.6rem; + /*margin: -1.8rem;*/ +} +.linkedin span { + background-color: #0077B5; +} +.twitter span { + background-color: #4099ff; +} +.facebook span { + background-color: #3B5998; +} +.github span { + background-color: #000000; +} + +/* Icons */ +.icon-button i { + background: none; + color: white; + height: 3.6rem; + left: 0; + line-height: 3.6rem; + position: absolute; + top: 0; + -webkit-transition: all 0.3s; + -moz-transition: all 0.3s; + -o-transition: all 0.3s; + transition: all 0.3s; + width: 3.6rem; + z-index: 10; +} +.icon-button .icon-linkedin { + color: #0077B5; +} +.icon-button .icon-twitter { + color: #4099ff; +} +.icon-button .icon-facebook { + color: #3B5998; +} +.icon-button .icon-github { + color: black; +} +.icon-button:hover .icon-linkedin, +.icon-button:hover .icon-twitter, +.icon-button:hover .icon-facebook, +.icon-button:hover .icon-github { + color: white; +} + + + +/***********/ +/* Footer */ +/***********/ + +footer p{ + display: inline-block; + padding-left: 20px; + text-align: center; + margin-top: 0; + margin-bottom: 0; + background-color: GAINSBORO; + width: 98.5%; + padding-top: 10px; + padding-bottom: 10px; + font-size: 12px; +} diff --git a/styles/style.css b/styles/style.css index bdfd59020..3c7aeb548 100644 --- a/styles/style.css +++ b/styles/style.css @@ -1,9 +1,10 @@ - /******************/ /* HEADER */ /*****************/ - +header{ + background-color: beige; +} header { height: 70px; position: fixed; @@ -14,7 +15,6 @@ header { padding-bottom: 20px; font-family: "Vollkorn" serif; font-size: 21px; - color: olive } @@ -85,7 +85,13 @@ header a:hover { font-weight: 300; color: orangered; } - +/*.welcome h3{ + font-family: "Vollkorn", serif; + font-size: 38px; + line-height: 60px; + font-weight: 300; + color: olive; +}*/ main li{ display: inline; width: 30%; @@ -115,73 +121,6 @@ main #traveler::after{ /* Contact */ /***********/ -/* - -i { - padding: 0 10px; -} - -.wrapper i:nth-child(1) { - color: #4867AA; - cursor: pointer; - text-shadow: 0px 7px 10px rgba(0, 0, 0, 0.4); - transition: all ease-in-out 150ms; -} - -.wrapper i:nth-child(1):hover { - margin-top: -10px; - text-shadow: 0px 16px 10px rgba(0, 0, 0, 0.3); - transform: translate(0, -8); -} - -.wrapper i:nth-child(2) { - color: #1DA1F2; - cursor: pointer; - text-shadow: 0px 7px 10px rgba(0, 0, 0, 0.4); - transition: all ease-in-out 150ms; -} - -.wrapper i:nth-child(2):hover { - margin-top: -10px; - text-shadow: 0px 16px 10px rgba(0, 0, 0, 0.3); - transform: translate(0, -8); -} - -.wrapper i:nth-child(3) { - color: #007bb5; - cursor: pointer; - text-shadow: 0px 7px 10px rgba(0, 0, 0, 0.5); - transition: all ease-in-out 150ms; -} - -.wrapper i:nth-child(3):hover { - margin-top: -10px; - text-shadow: 0px 14px 10px rgba(0, 0, 0, 0.4); - transform: translate(0, -5); -} -.wrapper i:nth-child(4) { - color: #000000; - cursor: pointer; - text-shadow: 0px 7px 10px rgba(0, 0, 0, 0.4); - transition: all ease-in-out 150ms; -} -.wrapper i:nth-child(4):hover { - margin-top: -10px; - text-shadow: 0px 16px 10px rgba(0, 0, 0, 0.3); - transform: translate(0, -8); -}*/ - - -/*html { - font-size: 20px; -} -body { - background-color: #ccc; - padding: 50px; - text-align: center; -}*/ - -/* Wrapper */ .wrapper { padding-left: -50px; margin-top: 145px; @@ -196,10 +135,6 @@ body { } -/*.wrapper i{ - padding-right: 30px; -}*/ - .icon-button { background-color: white; border-radius: 3.6rem; From deecdc7c08d5b561926cef67e041f65f7958ff05 Mon Sep 17 00:00:00 2001 From: sairagula Date: Sun, 17 Sep 2017 23:20:29 -0700 Subject: [PATCH 4/6] Added some more features --- about.html | 61 +++++--------------------- index.html | 12 ++---- portfolio.html | 0 resume.html | 63 +++++++++++++++++++++++---- styles/resume_style.css | 95 +++++++++++++++++++++++++++++------------ styles/style.css | 29 ++++--------- 6 files changed, 144 insertions(+), 116 deletions(-) delete mode 100644 portfolio.html diff --git a/about.html b/about.html index cbcfbfe9d..313227862 100644 --- a/about.html +++ b/about.html @@ -1,48 +1,4 @@ - @@ -61,7 +17,7 @@

Home

@@ -72,12 +28,15 @@

Home

About me

-

- Hi! My name is Sairagul. I am learning to code and chasing my dream of becoming a programmer at Ada Developers Academy. - I am from Kyrgyzstan. I love my country, it's beautiful nature and hospitable, sincere people. But I also adore visiting places I’ve never been and meeting with people from different cultures. - Most of all, I love my wonderful family consisting of my beloved husband and our 2 precious little girls. - Traveling, gardening, puzzles are my favorite things to do when I am not coding. -

+ 
+          
 Hi and welcome! My name is Sairagul. I am chasing my dream of becoming
+             a programmer and learning coding at Ada Developers Academy.
+             I am from Kyrgyzstan. I love my country, its beautiful nature and hospitable people.
+             But I also adore visiting places I’ve never been and meeting with people from different cultures.
+             Most of all, I love my wonderful family consisting of my beloved husband and our 2 precious little girls.
+             Traveling, gardening and puzzles are my favorite things to do when I am not coding.
+          

+
diff --git a/index.html b/index.html index d40d82bca..75944f058 100644 --- a/index.html +++ b/index.html @@ -4,9 +4,6 @@ My Page - - - @@ -17,7 +14,7 @@

Home

@@ -35,10 +32,9 @@

Sairagul Abdukhalieva

- I transitioned from a career in photography and writing to web development because - I see code as the perfect blend of art and communication. - I love the power of the internet to connect communities, - and I want to be a part of projects that change the world for the better. + I transitioned from a career in finance and engineering to software development because + of my passion for computers, technology and coding. It is my dream to be able to turn any awesome idea into a reality that changes the world for the better. +

diff --git a/portfolio.html b/portfolio.html deleted file mode 100644 index e69de29bb..000000000 diff --git a/resume.html b/resume.html index beb312a97..17eb90448 100644 --- a/resume.html +++ b/resume.html @@ -14,25 +14,72 @@

Home

+

Resume

-
    -

    - I transitioned from a career in photography and writing to web development because - I see code as the perfect blend of art and communication. - I love the power of the internet to connect communities, - and I want to be a part of projects that change the world for the better. -

    +
    +
      +

    • Work Experience

      • +
        +
      • QA Freelancer on utest.com ( 2016 – current )
        • +
        • Functional, UI and exploratory testing of the following mobile applications and web sites:
          • +
          • nba.com, yroo.com, chatbooks Android app, dailymotion.com
          +
        +
      • Full-time parent and entrepreneur ( 2011 – current )
        • +
        • Sales of eco-friendly kids' toys and kitchenware on Amazon. Responsibilities:
          • +
          • Market research, demand prediction and deciding on products to sell.
          +
          • Researching product vendors, communicating with them, getting quotes and deciding on vendors.
          +
          • Hiring, communicating and coordinating with global freelancers for packaging design, picture edits and marketing material preparations.
          +
          • End-to-end (vendor -> customs -> my address -> Amazon -> buyer) setup of supply chain.
          +
          • Product listing, customer support, marketing, pricing adjustments, advertising campaigns and search engine optimizations.
          +
        +
      • Volunteering in pre-school and kindergarten activities ( 2011 – current )
        • +
        • PTSA meetings, event planning and hosting
        +
        • Research games for events, acquire goods on a set budget, decide on games based on the audience and organize the games.
        + +
      • Computer laboratory assistent, Manas University, Bishkek, Kyrgyzstan ( 2008 - 2009)
        • +
        • Setup and maintenance of school servers, student accounts and networks
        +
      • Office assistant, "Evelina" Tourism Agency, Ekaterinburg, Russia (2007, 3 months in summer break)
        • +
        • Working with the clients and customers
        +
        • Answering phone calls, replying mails
        +
        • fax, scan and copy documents
        +
      +
    + +
      +

    • Education

      • +
        +
      • Udacity
        • +
        • Intro to Computer Science (2016)
        +
        • Learned core CS concepts using Python.
        +
        • Intro to Java (2017)
        +
      • Other online classes
        • +
        • SDLC, Black Box/ White Box testing methodologies.
        +
      • Bellevue College (2012-2014)
        • +
        • Prepare for Work (2014)
        +
        • On the job communications (2013)
        +
      • MBA in Finance – Hacettepe University, Ankara, Turkey (2009-2011)
        • +
        • Thesis subject: Effective ways to attract foreign investment into Kyrgyzstan economy.
        +
      • B.Sc. in Engineering - Kyrgyz-Turkish Manas University, Bishkek, Kyrgyzstan (2004-2009)
        • +
        • Electrical and electronics
        +
      +
    +
      +

    • Languages

      • +
      • English (fluent), Kyrgyz (native), Turkish (fluent) and Russian (fluent)
      +
    +
+
diff --git a/styles/resume_style.css b/styles/resume_style.css index a8cac03e1..952725d46 100644 --- a/styles/resume_style.css +++ b/styles/resume_style.css @@ -2,9 +2,7 @@ /******************/ /* HEADER */ /*****************/ -header{ - background-color: beige; -} + header { height: 70px; position: fixed; @@ -15,7 +13,6 @@ header { padding-bottom: 20px; font-family: "Vollkorn" serif; font-size: 21px; - } header a { @@ -51,42 +48,87 @@ header a:hover { /* main */ /*****************/ -.welcome { +.top{ + margin-top: 150px; +} +/*.category{ + list-style-type: none; +}*/ + +.welcome h2{ text-align: center; width: 100%; - padding-top: 30px; - padding-bottom: 30px; + padding-bottom: 10px; + font-family: "Satisfy", cursive; + font-size: 42px; + line-height: 62px; + font-weight: 300; + color: orangered; } -.top{ - margin-top: 60px; + +.work { + float: left; + clear: right; + width: 40%; + border-style: groove; + border-radius: 10px; + height: 70%; + padding: 30px; } -.top p{ - align: center; +.work p{ text-align: center; font-family: "Vollkorn", serif; - /*background-color: papayawhip;*/ - margin: auto; - color: dimgray; + font-size: 1.2em; + line-height: 1.5; + color: maroon; + font-weight: bold; +} +.education p{ + text-align: center; font-family: "Vollkorn", serif; font-size: 1.2em; line-height: 1.5; - width: 60%; - /*border-style: groove;*/ - /*border-radius: 10px;*/ - height: 200px; + color: maroon; + font-weight: bold; +} +.education{ + float: right; + width: 40%; + border-style: groove; + border-radius: 10px; + height: 60%; padding: 30px; } -.welcome h2{ - padding-bottom: 10px; - font-family: "Satisfy", cursive; - font-size: 42px; - line-height: 62px; - font-weight: 300; - color: orangered; + +.languages p{ + padding-top: 20px; + padding-bottom: 20px; + text-align: center; + font-family: "Vollkorn", serif; + font-size: 1.2em; + line-height: 1.5; + color: maroon; + font-weight: bold; } +.languages{ + float: right; + width: 41.6%; + border-style: groove; + border-radius: 10px; + height: 60%; + padding-bottom: 40px; +} +.resume { + color: gray; + line-height: 1.5; + margin: 40px; +} +.paragraphs { + padding-right: 20px; +} /************/ /* Contact */ @@ -143,7 +185,6 @@ header a:hover { width: 3.6rem; height: 3.6rem; border-radius: 3.6rem; - /*margin: -1.8rem;*/ } .linkedin span { background-color: #0077B5; @@ -193,8 +234,6 @@ header a:hover { color: white; } - - /***********/ /* Footer */ /***********/ diff --git a/styles/style.css b/styles/style.css index 3c7aeb548..dbc477125 100644 --- a/styles/style.css +++ b/styles/style.css @@ -2,9 +2,6 @@ /******************/ /* HEADER */ /*****************/ -header{ - background-color: beige; -} header { height: 70px; position: fixed; @@ -15,7 +12,6 @@ header { padding-bottom: 20px; font-family: "Vollkorn" serif; font-size: 21px; - } header a { @@ -68,14 +64,14 @@ header a:hover { /*background-color: papayawhip;*/ margin: auto; color: dimgray; - font-family: "Vollkorn", serif; font-size: 1.2em; - line-height: 1.5; + line-height: 1.8; width: 60%; /*border-style: groove;*/ /*border-radius: 10px;*/ height: 200px; - padding: 30px; + padding: 40px; + } .welcome h2{ padding-bottom: 10px; @@ -85,13 +81,6 @@ header a:hover { font-weight: 300; color: orangered; } -/*.welcome h3{ - font-family: "Vollkorn", serif; - font-size: 38px; - line-height: 60px; - font-weight: 300; - color: olive; -}*/ main li{ display: inline; width: 30%; @@ -123,7 +112,7 @@ main #traveler::after{ .wrapper { padding-left: -50px; - margin-top: 145px; + margin-top: 45px; padding-bottom: 30px; z-index: 100; height: 120px; @@ -222,21 +211,19 @@ main #traveler::after{ color: white; } - - /***********/ /* Footer */ /***********/ footer p{ - display: inline-block; padding-left: 20px; - text-align: center; + padding-top: 10px; + padding-bottom: 10px; margin-top: 0; margin-bottom: 0; + text-align: center; + display: inline-block; background-color: GAINSBORO; width: 98.5%; - padding-top: 10px; - padding-bottom: 10px; font-size: 12px; } From d7df67287b4eac4ee7a7bd2e0e95b6a40ad6662f Mon Sep 17 00:00:00 2001 From: sairagula Date: Mon, 18 Sep 2017 00:38:54 -0700 Subject: [PATCH 5/6] Put everything into one stylesheet --- styles/about_style.css | 219 --------------------------------- styles/projects_style.css | 0 styles/resume_style.css | 252 -------------------------------------- styles/style.css | 90 +++++++++++++- 4 files changed, 87 insertions(+), 474 deletions(-) delete mode 100644 styles/about_style.css delete mode 100644 styles/projects_style.css delete mode 100644 styles/resume_style.css diff --git a/styles/about_style.css b/styles/about_style.css deleted file mode 100644 index cc05a706d..000000000 --- a/styles/about_style.css +++ /dev/null @@ -1,219 +0,0 @@ - - -/******************/ -/* HEADER */ -/*****************/ - -header { - height: 70px; - position: fixed; - top: 0; - width: 100%; - z-index: 100; - background-color: beige; - padding-bottom: 20px; - font-family: "Vollkorn" serif; - font-size: 21px; - color: olive; - margin-left: -7px; -} - -header a { - text-decoration: none; - font-size: 21px; - color: olive; -} - -header h2 { - float: left; - padding-top: 10px; - margin-left: 100px; - font-size: 21px; - font-weight: 400; -} -header ul { - float: right; - margin-right: 120px; - margin-top: 27px; - -} - -header li { - padding-left: 20px; - display: inline; -} - -header nav a:hover { - color: orange; -} -header a:hover { - color: orange; -} - - - -/******************/ -/* main */ -/*****************/ - -.welcome { - text-align: center; - width: 100%; - padding-top: 30px; - padding-bottom: 30px; -} -.top{ - margin-top: 60px; -} - -.top p{ - margin-top: -10px; - /*padding-top: -60px;*/ - text-align: center; - font-family: "Vollkorn", serif; - margin-left: 200px; - margin-right: 200px; - color: dimgray; - font-size: 1.2em; - line-height: 2; - height: 150px; -} - -.welcome h2{ - font-family: "Satisfy", cursive; - font-size: 42px; - line-height: 62px; - font-weight: 300; - color: orangered; -} - -main li{ - display: inline; - width: 30%; - list-style-type: none; - padding: 25px; - font-size: 21px; - color: olive; - font-weight: 400; - font-family: "Fjalla One", sans-serif; -} -/************/ -/* Contact */ -/***********/ -.wrapper { - padding-left: -50px; - margin-top: 145px; - padding-bottom: 30px; - z-index: 100; - height: 120px; - width: 100%; - background-color: beige; - display: inline-flex; - align-items: center; - justify-content: center; - -} - -.icon-button { - background-color: white; - border-radius: 3.6rem; - cursor: pointer; - display: inline-block; - font-size: 2.0rem; - height: 3.6rem; - line-height: 3.6rem; - margin: 0 20px; - position: relative; - text-align: center; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - width: 3.6rem; -} - -/* Circle */ -.icon-button span { - border-radius: 0; - display: block; - height: 0; - left: 50%; - margin: 0; - position: absolute; - top: 50%; - -webkit-transition: all 0.3s; - -moz-transition: all 0.3s; - -o-transition: all 0.3s; - transition: all 0.3s; - width: 0; -} -.icon-button:hover span { - width: 3.6rem; - height: 3.6rem; - border-radius: 3.6rem; - /*margin: -1.8rem;*/ -} -.linkedin span { - background-color: #0077B5; -} -.twitter span { - background-color: #4099ff; -} -.facebook span { - background-color: #3B5998; -} -.github span { - background-color: #000000; -} - -/* Icons */ -.icon-button i { - background: none; - color: white; - height: 3.6rem; - left: 0; - line-height: 3.6rem; - position: absolute; - top: 0; - -webkit-transition: all 0.3s; - -moz-transition: all 0.3s; - -o-transition: all 0.3s; - transition: all 0.3s; - width: 3.6rem; - z-index: 10; -} -.icon-button .icon-linkedin { - color: #0077B5; -} -.icon-button .icon-twitter { - color: #4099ff; -} -.icon-button .icon-facebook { - color: #3B5998; -} -.icon-button .icon-github { - color: black; -} -.icon-button:hover .icon-linkedin, -.icon-button:hover .icon-twitter, -.icon-button:hover .icon-facebook, -.icon-button:hover .icon-github { - color: white; -} - -/***********/ -/* Footer */ -/***********/ - -footer p{ - display: inline-block; - padding-left: 20px; - text-align: center; - margin-top: 0; - margin-bottom: 0; - background-color: GAINSBORO; - width: 98.5%; - padding-top: 10px; - padding-bottom: 10px; - font-size: 12px; -} diff --git a/styles/projects_style.css b/styles/projects_style.css deleted file mode 100644 index e69de29bb..000000000 diff --git a/styles/resume_style.css b/styles/resume_style.css deleted file mode 100644 index 952725d46..000000000 --- a/styles/resume_style.css +++ /dev/null @@ -1,252 +0,0 @@ - -/******************/ -/* HEADER */ -/*****************/ - -header { - height: 70px; - position: fixed; - top: 0; - width: 98.8%; - z-index: 100; - background-color: beige; - padding-bottom: 20px; - font-family: "Vollkorn" serif; - font-size: 21px; -} - -header a { - text-decoration: none; - font-size: 21px; - color: olive; -} - -header h2 { - float: left; - padding-top: 10px; - margin-left: 100px; - font-size: 21px; - font-weight: 400; -} -header ul { - float: right; - margin-right: 120px; - margin-top: 27px; - -} - -header li { - padding-left: 20px; - display: inline; -} - -header a:hover { - color: orange; -} - -/******************/ -/* main */ -/*****************/ - -.top{ - margin-top: 150px; -} -/*.category{ - list-style-type: none; -}*/ - -.welcome h2{ - text-align: center; - width: 100%; - padding-bottom: 10px; - font-family: "Satisfy", cursive; - font-size: 42px; - line-height: 62px; - font-weight: 300; - color: orangered; -} - -.work { - float: left; - clear: right; - width: 40%; - border-style: groove; - border-radius: 10px; - height: 70%; - padding: 30px; -} - -.work p{ - text-align: center; - font-family: "Vollkorn", serif; - font-size: 1.2em; - line-height: 1.5; - color: maroon; - font-weight: bold; -} -.education p{ - text-align: center; - font-family: "Vollkorn", serif; - font-size: 1.2em; - line-height: 1.5; - color: maroon; - font-weight: bold; -} -.education{ - float: right; - width: 40%; - border-style: groove; - border-radius: 10px; - height: 60%; - padding: 30px; -} - -.languages p{ - padding-top: 20px; - padding-bottom: 20px; - text-align: center; - font-family: "Vollkorn", serif; - font-size: 1.2em; - line-height: 1.5; - color: maroon; - font-weight: bold; -} - -.languages{ - float: right; - width: 41.6%; - border-style: groove; - border-radius: 10px; - height: 60%; - padding-bottom: 40px; -} - -.resume { - color: gray; - line-height: 1.5; - margin: 40px; -} -.paragraphs { - padding-right: 20px; -} - -/************/ -/* Contact */ -/***********/ - -.wrapper { - padding-left: -50px; - margin-top: 145px; - padding-bottom: 30px; - z-index: 100; - height: 120px; - width: 100%; - background-color: beige; - display: inline-flex; - align-items: center; - justify-content: center; - -} - -.icon-button { - background-color: white; - border-radius: 3.6rem; - cursor: pointer; - display: inline-block; - font-size: 2.0rem; - height: 3.6rem; - line-height: 3.6rem; - margin: 0 20px; - position: relative; - text-align: center; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - width: 3.6rem; -} - -/* Circle */ -.icon-button span { - border-radius: 0; - display: block; - height: 0; - left: 50%; - margin: 0; - position: absolute; - top: 50%; - -webkit-transition: all 0.3s; - -moz-transition: all 0.3s; - -o-transition: all 0.3s; - transition: all 0.3s; - width: 0; -} -.icon-button:hover span { - width: 3.6rem; - height: 3.6rem; - border-radius: 3.6rem; -} -.linkedin span { - background-color: #0077B5; -} -.twitter span { - background-color: #4099ff; -} -.facebook span { - background-color: #3B5998; -} -.github span { - background-color: #000000; -} - -/* Icons */ -.icon-button i { - background: none; - color: white; - height: 3.6rem; - left: 0; - line-height: 3.6rem; - position: absolute; - top: 0; - -webkit-transition: all 0.3s; - -moz-transition: all 0.3s; - -o-transition: all 0.3s; - transition: all 0.3s; - width: 3.6rem; - z-index: 10; -} -.icon-button .icon-linkedin { - color: #0077B5; -} -.icon-button .icon-twitter { - color: #4099ff; -} -.icon-button .icon-facebook { - color: #3B5998; -} -.icon-button .icon-github { - color: black; -} -.icon-button:hover .icon-linkedin, -.icon-button:hover .icon-twitter, -.icon-button:hover .icon-facebook, -.icon-button:hover .icon-github { - color: white; -} - -/***********/ -/* Footer */ -/***********/ - -footer p{ - display: inline-block; - padding-left: 20px; - text-align: center; - margin-top: 0; - margin-bottom: 0; - background-color: GAINSBORO; - width: 98.5%; - padding-top: 10px; - padding-bottom: 10px; - font-size: 12px; -} diff --git a/styles/style.css b/styles/style.css index dbc477125..8ff307807 100644 --- a/styles/style.css +++ b/styles/style.css @@ -56,12 +56,14 @@ header a:hover { .top{ margin-top: 60px; } +.resume_top{ + margin-top: 150px; +} .top p{ align: center; text-align: center; font-family: "Vollkorn", serif; - /*background-color: papayawhip;*/ margin: auto; color: dimgray; font-size: 1.2em; @@ -69,9 +71,14 @@ header a:hover { width: 60%; /*border-style: groove;*/ /*border-radius: 10px;*/ + /*background-color: papayawhip;*/ height: 200px; padding: 40px; +} +.top .about_p{ + margin-top: -80px; + line-height: 2; } .welcome h2{ padding-bottom: 10px; @@ -81,7 +88,12 @@ header a:hover { font-weight: 300; color: orangered; } -main li{ + +.welcome h2.resume_h2{ + text-align: center; + width: 100%; +} +#student, #mother, #traveler{ display: inline; width: 30%; list-style-type: none; @@ -104,6 +116,78 @@ main #traveler::after{ content: "🎒" } +/* Resume page*/ + +/*.top{ + margin-top: 150px; +}*/ +/*.category{ + list-style-type: none; +}*/ + +.resume { + color: gray; + line-height: 1.5; + margin: 40px; +} + +.work { + float: left; + clear: right; + width: 40%; + border-style: groove; + border-radius: 10px; + height: 70%; + padding: 30px; +} + +.work p{ + text-align: center; + font-family: "Vollkorn", serif; + font-size: 1.2em; + line-height: 1.5; + color: maroon; + font-weight: bold; +} +.education p{ + text-align: center; + font-family: "Vollkorn", serif; + font-size: 1.2em; + line-height: 1.5; + color: maroon; + font-weight: bold; +} +.education{ + float: right; + width: 40%; + border-style: groove; + border-radius: 10px; + height: 60%; + padding: 30px; +} + +.languages p{ + padding-top: 20px; + padding-bottom: 20px; + text-align: center; + font-family: "Vollkorn", serif; + font-size: 1.2em; + line-height: 1.5; + color: maroon; + font-weight: bold; +} + +.languages{ + float: right; + width: 41.6%; + border-style: groove; + border-radius: 10px; + height: 60%; + padding-bottom: 40px; +} +.paragraphs { + padding-right: 20px; +} /************/ @@ -216,13 +300,13 @@ main #traveler::after{ /***********/ footer p{ + display: inline-block; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; margin-top: 0; margin-bottom: 0; text-align: center; - display: inline-block; background-color: GAINSBORO; width: 98.5%; font-size: 12px; From beab05ba4e1cad799c890b90d317af84861c3813 Mon Sep 17 00:00:00 2001 From: sairagula Date: Mon, 18 Sep 2017 00:40:25 -0700 Subject: [PATCH 6/6] Final --- images/twitter.png | Bin 1850 -> 0 bytes 1 file changed, 0 insertions(+), 0 deletions(-) delete mode 100644 images/twitter.png diff --git a/images/twitter.png b/images/twitter.png deleted file mode 100644 index f4210ff3b4a24380bff24388973d2a1eb5b6852b..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1850 zcma)7`8ON*7yTp>ON`pLnbAr+S~|6~7}KH+(h^lF)LQ!zrfQ2?YTpS%l~nCZYuYlX z##B;6=#)?-s#Q&k#8!K#odn;^_b-@t&U^Q~``)?dykFkUyl!bKhWH)<01(5Np|N~S z_&0?G`SqWR9({a(;f*o2!u*I4_RiqkcmPDD|4j%eE>!?Pa1?_!vW+ZV9&_=# z>8~iXdbr;IlRs(6G{S%JanbqS{sJ9qhq;?Q=19+dl%2$b2JGsUI&yVSLnS(kpc+0^ zwzJ&zVks5j?BG~n-r3+GIR<~!JV+R@_*#k?=(a5(7N69{m(#KaoxXS%m-bKpjoaFF zN$v0F9;ENi_D3;_v?1ANyA{0tdkL%}3!tqP&d8`KeU<$rHtbL#Ad>Fxxa8(Y36Ara zxD?`>dHgI~RW3{1tZg^j*itLx7mh)MRG#43G9;V%V&xFYF(@HsK&MH&C*H1!3Lbe= z<|A!eb*X31gkj-Ps~GVxI;0)!-sGsN9U`(_LU2r}&Z{#{n;76RYVCySQmP~-CnpPa zJhMlUFLBN|Ur`uaXPZp?rC0dJWX=$R#-D2uFTmZcM$cDciTS%R7v&>z>`K*9O%9`V z9pA|K03q$|YPE_Sebb-ma>{>>uo#tLqvu~{*&fZ+H{nwW9gjkAenOCL_A31)34VP@ zXp%m7q<=KO*E^h6=5>O0kE`&_3r+7V>gJzhuO>!A^Z_{CS_s4S`;uU;itNBFB ztM?Z5c7hWks8b?$$x^Tt%O{T^-RURjiz(fB6yxfXU#{O9&~ zU+rymp-!Cyf1oOZVESqs40IHLR)xrsj}=C|`)%;b!}`WPBQ3E%q!RGXib*Ag`FSUU zbhb8i7gkc<$|JD^oiqU{7jQBz^2e!`m!2dNNz{kB=PGN^MrnbSl~c}X%lmLbC3yZs z?i!SrR>ZB&o=8H=1Jr4S?>GjYPl-;Ot@Bz2uui;R$OXGZD!QoI_Vng7-oy=>+Ia5U zxT+WV_&gjm#Ra#q+{#N@u?;t@Qc|Fm`PJCg#ikBwbw8zfhw&sst7w|aE4l9mx^Ugy z-FNj~wK>)A`LHS;ib1U&9#xsc$?nCbmZz=F_>l{v;OXnS&oewg)B&w^6Jf2g_`78Hf7_|i#@@jh1+=Mzh_92oJ>)CAJF znsMG|%Yg_tH&$NY&ePA=_#}{+=<6C?rGgTh?AygDRN!vQ{e{QhwH#yj(xHQ!Td znnZKMtM-lMVLJltd0`B>gs5Y>Gp1$V$IUMcGX%n(^W|!y`En^!siT9>!o{Np*RMeK zd|PREj3Q(K5SET&M2AF1M#k%>tsAT$C1XWUBR?KeUAFnd#GEESm6a&XX*^{ctu#B> z(Q(3`edeL*=OTv67)d%(2oiX2h!v=_5TCualNS)~PPD-(Mn<=iD34na%8>#o_LVy| z&)b)T4$KQY((n{o31L>@(+DS{0TT#8%XMr>W7{Q8%NZkZNlseSGNkDXW}@J_p72Jm zhV$}mRSMjFT%28Jepds&8)fA+QuEYAY2)vA*XM1ny|(#KqaXbPU*@Ak!Xxt-ou&H2 zX13VABEg=xu_+V$47b}}^rdkPk`R*p~d zoQaYEb^Cp)-syJF!yzImx`slB9*EAjx0a)_+Bq#@Hjs}kTg#q7&fIVH2cfJ1<`h6I z7h8?HUUkE7QGRs>Sf`cHr8km!dpsU*tHG6{j1#TA*Au;|;lY*yzw6Vk@IO**%l4nB zvcuZpXzNKgT3MAWPE<=DnFZ8?|g)}0ZmJ@6_r p_Ri*O{tcm}j{n^w{%Szx4ko5?pnfVpgmZZLLF`X6qufK>nh