diff --git a/about.html b/about.html new file mode 100644 index 000000000..313227862 --- /dev/null +++ b/about.html @@ -0,0 +1,52 @@ + + + + + + My Page + + + + + + + + +
+

Home

+ +
+ +
+
+
+

About me

+
+ 
+          
 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/images/flower.png b/images/flower.png new file mode 100644 index 000000000..1d69060db Binary files /dev/null and b/images/flower.png differ diff --git a/index.html b/index.html new file mode 100644 index 000000000..75944f058 --- /dev/null +++ b/index.html @@ -0,0 +1,51 @@ + + + + + My Page + + + + + + +
+

Home

+ +
+ +
+
+
+ +

Sairagul Abdukhalieva

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

+ 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/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/resume.html b/resume.html new file mode 100644 index 000000000..17eb90448 --- /dev/null +++ b/resume.html @@ -0,0 +1,93 @@ + + + + + My Page + + + + + + +
+

Home

+ +
+ +
+
+
+

Resume

+
+
+
    +

  • 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/style.css b/styles/style.css new file mode 100644 index 000000000..8ff307807 --- /dev/null +++ b/styles/style.css @@ -0,0 +1,313 @@ + +/******************/ +/* 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 */ +/*****************/ + +.welcome { + text-align: center; + width: 100%; + padding-top: 30px; + padding-bottom: 30px; +} +.top{ + margin-top: 60px; +} +.resume_top{ + margin-top: 150px; +} + +.top p{ + align: center; + text-align: center; + font-family: "Vollkorn", serif; + margin: auto; + color: dimgray; + font-size: 1.2em; + line-height: 1.8; + 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; + font-family: "Satisfy", cursive; + font-size: 42px; + line-height: 62px; + font-weight: 300; + color: orangered; +} + +.welcome h2.resume_h2{ + text-align: center; + width: 100%; +} +#student, #mother, #traveler{ + display: inline; + width: 30%; + list-style-type: none; + padding: 25px; + font-size: 21px; + color: olive; + font-weight: 400; + font-family: "Fjalla One", sans-serif; +} + +main #student::after{ + content: "👩‍💻" +} + +main #mother::after{ + content: "👩‍👧‍👧" +} + +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; +} + + +/************/ +/* Contact */ +/***********/ + +.wrapper { + padding-left: -50px; + margin-top: 45px; + 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; + padding-top: 10px; + padding-bottom: 10px; + margin-top: 0; + margin-bottom: 0; + text-align: center; + background-color: GAINSBORO; + width: 98.5%; + font-size: 12px; +}