diff --git a/css/main.css b/css/main.css
index b2399495746fdd58c652c254a9b96ef95c8a3628..2eaaf67a02740126a5e4758d3b2be401f2d06a39 100755
--- a/css/main.css
+++ b/css/main.css
@@ -95,7 +95,7 @@ PHOTO (AVATAR)
#text-header h1::first-line {
font-size: 1.5em;
- letter-spacing: -4px;
+ /*letter-spacing: -4px;*/
font-weight: 800;
line-height: 1.5em;
}
diff --git a/index.html b/index.html
old mode 100755
new mode 100644
index 5adc72a34f8a913d1b7564ed236fa6733dd3ee9c..d2d8df8df54a6c5c0ed1a0e892cad9d846e10539
--- a/index.html
+++ b/index.html
@@ -1,189 +1,200 @@
-<!DOCTYPE html>
-<html lang="en">
-
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
- <meta name="viewport" content="width=device-width, initial-scale=1">
-
- <title>Inara Nigmatullina</title>
-
- <link href="/bower/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
- <link href="/bower/components-font-awesome/css/font-awesome.min.css" rel="stylesheet">
- <link href="/css/main.css" rel="stylesheet">
-
- <!--[if lt IE 9]>
- <script src="js/html5shiv.js"></script>
- <script src="js/respond.min.js"></script>
- <![endif]-->
-
- </head>
-
- <body>
- <div class="container">
- <div class="row">
- <div class="col-xs-12">
- <div id="photo-header" class="text-center">
- <!-- PHOTO (AVATAR) -->
- <div id="photo">
- <img src="/img/avatar.jpg" alt="avatar">
- </div>
- <div id="text-header">
- <h1>Hello,<br> my name is <span>Inara</span><sup>24yo</sup> and this is my resume/cv</h1>
- </div>
- </div>
- </div>
- </div>
- <div class="row">
- <div class="col-xs-12 col-sm-7">
- <!-- ABOUT ME -->
- <div class="box">
- <h2>About Me</h2>
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus, non, dolorem, cumque distinctio magni quam expedita
- velit laborum sunt amet facere tempora ut fuga aliquam ad asperiores voluptatem dolorum! Quasi.</p>
- </div>
- <!-- EDUCATION -->
- <div class="box">
- <h2>Education</h2>
- <ul id="education" class="clearfix">
- <li>
- <div class="year pull-left">1990</div>
- <div class="description pull-right">
- <h3>I was born in Katowice</h3>
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente, exercitationem, totam, dolores iste dolore est
- aut modi.</p>
- </div>
- </li>
- <li>
- <div class="year pull-left">2005</div>
- <div class="description pull-right">
- <h3>Secondary school specializing in artistic</h3>
- <p>Eos, explicabo, nam, tenetur et ab eius deserunt aspernatur ipsum ducimus quibusdam quis voluptatibus.</p>
- </div>
- </li>
- <li>
- <div class="year pull-left">2009</div>
- <div class="description pull-right">
- <h3>First level graduation in Graphic Design</h3>
- <p>Aspernatur, mollitia, quos maxime eius suscipit sed beatae ducimus quaerat quibusdam perferendis? Iusto, quibusdam
- asperiores unde repellat.</p>
- </div>
- </li>
- <li>
- <div class="year pull-left">2012</div>
- <div class="description pull-right">
- <h3>Second level graduation in Graphic Design</h3>
- <p>Ducimus, aliquam tempore autem itaque et accusantium!</p>
- </div>
- </li>
- </ul>
- </div>
- <!-- EXPERIENCES -->
- <div class="box">
- <h2>Experiences</h2>
- <div class="job clearfix">
- <div class="col-xs-3">
- <div class="where">Google</div>
- <div class="year">2013 - 2014</div>
- </div>
- <div class="col-xs-9">
- <div class="profession">Front-end developer / php programmer</div>
- <div class="description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ullam, et, illum perferendis veritatis velit sunt similique
- qui magni totam harum tempore eius laboriosam accusantium necessitatibus voluptatum? Enim, itaque dignissimos quia.</div>
- </div>
- </div>
- <div class="job clearfix">
- <div class="col-xs-3">
- <div class="where">Twitter</div>
- <div class="year">2012</div>
- </div>
- <div class="col-xs-9">
- <div class="profession">Web Developer</div>
- <div class="description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam, nihil sit nemo voluptatem praesentium. Quia, qui
- facere consectetur libero asperiores fugiat consequuntur deserunt culpa repudiandae sed quidem voluptas explicabo
- soluta.
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="col-xs-12 col-sm-5">
- <!-- CONTACT -->
- <div class="box clearfix">
- <h2>Contact</h2>
- <div class="contact-item">
- <div class="icon pull-left text-center"><span class="fa fa-phone fa-fw"></span></div>
- <div class="title only pull-right">500 345 242</div>
- </div>
- <div class="contact-item">
- <div class="icon pull-left text-center"><span class="fa fa-envelope fa-fw"></span></div>
- <div class="title only pull-right">office@kamsolutions.pl</div>
- </div>
- <div class="contact-item">
- <div class="icon pull-left text-center"><span class="fa fa-twitter fa-fw"></span></div>
- <div class="title pull-right">Twitter</div>
- <div class="description pull-right">https://twitter.com/WordPress</div>
- </div>
- <div class="contact-item">
- <div class="icon pull-left text-center"><span class="fa fa-facebook fa-fw"></span></div>
- <div class="title pull-right">Facebook</div>
- <div class="description pull-right">https://www.facebook.com/facebook</div>
- </div>
- <div class="contact-item">
- <div class="icon pull-left text-center"><span class="fa fa-skype fa-fw"></span></div>
- <div class="title pull-right">Skype</div>
- <div class="description pull-right">kamsolutions.pl</div>
- </div>
- </div>
- <!-- SKILLS -->
- <div class="box">
- <h2>Skills</h2>
- <div class="skills">
- <div class="item-skills" data-percent="1.00">HTML</div>
- <div class="item-skills" data-percent="0.90">CSS</div>
- <div class="item-skills" data-percent="0.80">jQuery</div>
- <div class="item-skills" data-percent="0.75">PHP</div>
- <div class="item-skills" data-percent="0.25">Laravel 2 (framework)</div>
- <div class="skills-legend clearfix">
- <div class="legend-left legend">Beginner</div>
- <div class="legend-left legend"><span>Proficient</span></div>
- <div class="legend-right legend"><span>Expert</span></div>
- <div class="legend-right legend">Master</div>
- </div>
- </div>
- </div>
- <!-- LANGUAGES -->
- <div class="box">
- <h2>Languages</h2>
- <div id="language-skills">
- <div class="skill">Polish
- <div class="icons pull-right">
- <div style="width: 80%;" class="icons-red"></div>
- </div>
- </div>
- <div class="skill">English
- <div class="icons pull-right">
- <div style="width: 60%;" class="icons-red"></div>
- </div>
- </div>
- </div>
- </div>
- <!-- HOBBIES -->
- <div class="box">
- <h2>Hobbies</h2>
- <div class="hobby">Photography</div>
- <div class="hobby">Fitness</div>
- <div class="hobby">Programming</div>
- </div>
- </div>
- </div>
- </div>
- <!-- JQUERY -->
- <script src="/bower/jquery/dist/jquery.min.js"></script>
- <!-- BOOTSTRAP -->
- <script src="/bower/bootstrap/dist/js/bootstrap.min.js"></script>
- <!-- SCRIPTS -->
- <script src="/js/scripts.js"></script>
- </body>
-
+<!DOCTYPE html>
+<html lang="en">
+
+ <head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+
+ <title>Inara Nigmatullina</title>
+
+ <link href="/bower/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
+ <link href="/bower/components-font-awesome/css/font-awesome.min.css" rel="stylesheet">
+ <link href="/css/main.css" rel="stylesheet">
+
+ <!--[if lt IE 9]>
+ <script src="js/html5shiv.js"></script>
+ <script src="js/respond.min.js"></script>
+ <![endif]-->
+
+ </head>
+
+ <body>
+ <div class="container">
+ <div class="row">
+ <div class="col-xs-12">
+ <div id="photo-header" class="text-center">
+ <!-- PHOTO (AVATAR) -->
+ <div id="photo">
+ <img src="/img/avatar.jpg" alt="avatar">
+ </div>
+ <div id="text-header">
+ <h1>Hello,<br> my name is <span>Inara</span><sup id="age">24yo</sup> and this is my resume/cv</h1>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-xs-12 col-sm-7">
+ <!-- ABOUT ME -->
+ <div class="box">
+ <h2>About Me</h2>
+ <p>
+ Looking for an <em>entry level marketing position</em>. With an extensive study in business administration, finance
+ and accounting, and being skillful in working with the related software, I am ready to apply my experience to the
+ best of my abilities for the benefit of the company that values continued learning and professional growth.
+ </p>
+ </div>
+ <!-- EDUCATION -->
+ <div class="box">
+ <h2>Education</h2>
+ <ul id="education" class="clearfix">
+ <li>
+ <div class="year pull-left">1991</div>
+ <div class="description pull-right">
+ <h3>I was born in ____</h3>
+ <p>Beatiful city in Ukraine.</p>
+ </div>
+ </li>
+ <li>
+ <div class="year pull-left">2014</div>
+ <div class="description pull-right">
+ <h3>BS in Economics / Finance Management, Accounting, Banking</h3>
+ <p>South Ural State University, Chelyabinsk, Russian Federation</p>
+ </div>
+ </li>
+ <li>
+ <div class="year pull-left">2015</div>
+ <div class="description pull-right">
+ <h3>MS in Professional Communication</h3>
+ <p>Clark University, Worcester, MA, USA</p>
+ </div>
+ </li>
+ <li>
+ <div class="year pull-left">2016</div>
+ <div class="description pull-right">
+ <h3>MS in Marketing Communication</h3>
+ <p>South Ural State University, Chelyabinsk, Russian Federation</p>
+ </div>
+ </li>
+ </ul>
+ </div>
+ <!-- EXPERIENCES -->
+ <div class="box">
+ <h2>Experiences</h2>
+ <div class="job clearfix">
+ <div class="col-xs-3">
+ <div class="where">The Sberbank of Russia</div>
+ <div class="year">2013 - 2015</div>
+ </div>
+ <div class="col-xs-9">
+ <div class="profession">Client Service Representative</div>
+ <div class="profession">Credit Manager's Assistant</div>
+ <div class="profession">Banking Services Consulatant</div>
+ <div class="description">
+ <ul>
+ <li>Promoted and sold banking products and services</li>
+ <li>Offered financial sulutions and services to small business clients</li>
+ <li>Built deep relationships between new customers and sales specialists</li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="job clearfix">
+ <div class="col-xs-3">
+ <div class="where">The Federal State Unitary Enterprise - Russian Post</div>
+ <div class="year">2012</div>
+ </div>
+ <div class="col-xs-9">
+ <div class="profession">Assistant Accountant</div>
+ <div class="description">
+ <ul>
+ <li>Performed the day to day bookkeeping, including accounts payable and receivable</li>
+ <li>Accounting of banking transactions and treasury operations</li>
+ <li>Accounting of payement transactions</li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="col-xs-12 col-sm-5">
+ <!-- CONTACT -->
+ <div class="box clearfix">
+ <h2>Contact</h2>
+ <div class="contact-item">
+ <div class="icon pull-left text-center"><span class="fa fa-phone fa-fw"></span></div>
+ <div class="title only pull-right">(774) 641-68-70</div>
+ </div>
+ <div class="contact-item">
+ <div class="icon pull-left text-center"><span class="fa fa-envelope fa-fw"></span></div>
+ <div class="title only pull-right">inara@nigmatullina.com</div>
+ </div>
+ <div class="contact-item">
+ <div class="icon pull-left text-center"><span class="fa fa-vk fa-fw"></span></div>
+ <div class="title pull-right">VK</div>
+ <div class="description pull-right">https://vk.com/id17600488</div>
+ </div>
+ <div class="contact-item">
+ <div class="icon pull-left text-center"><span class="fa fa-facebook fa-fw"></span></div>
+ <div class="title pull-right">Facebook</div>
+ <div class="description pull-right">https://www.facebook.com/profile.php?id=100007847650759</div>
+ </div>
+ <div class="contact-item">
+ <div class="icon pull-left text-center"><span class="fa fa-skype fa-fw"></span></div>
+ <div class="title pull-right">Skype</div>
+ <div class="description pull-right">facebook:inara_91</div>
+ </div>
+ </div>
+ <!-- SKILLS -->
+ <div class="box">
+ <h2>Skills</h2>
+ <div class="skills">
+ <div class="item-skills" data-percent="1.00">MS Excel</div>
+ <div class="item-skills" data-percent="0.90">Google Analytics</div>
+ <div class="item-skills" data-percent="0.75">MS Outlook</div>
+ <div class="item-skills" data-percent="0.60">MS Word</div>
+ <div class="item-skills" data-percent="0.55">MS PowerPoint</div>
+ <div class="skills-legend clearfix">
+ <div class="legend-left legend">Beginner</div>
+ <div class="legend-left legend"><span>Proficient</span></div>
+ <div class="legend-right legend"><span>Expert</span></div>
+ <div class="legend-right legend">Master</div>
+ </div>
+ </div>
+ </div>
+ <!-- LANGUAGES -->
+ <div class="box">
+ <h2>Languages</h2>
+ <div id="language-skills">
+ <div class="skill">Russian
+ <div class="icons pull-right">
+ <div style="width: 100%;" class="icons-red"></div>
+ </div>
+ </div>
+ <div class="skill">English
+ <div class="icons pull-right">
+ <div style="width: 85%;" class="icons-red"></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- HOBBIES -->
+ <div class="box">
+ <h2>Hobbies</h2>
+ <div class="hobby">Dancing</div>
+ <div class="hobby">Swimming</div>
+ <div class="hobby">Music</div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- JQUERY -->
+ <script src="/bower/jquery/dist/jquery.min.js"></script>
+ <!-- BOOTSTRAP -->
+ <script src="/bower/bootstrap/dist/js/bootstrap.min.js"></script>
+ <!-- SCRIPTS -->
+ <script src="/js/scripts.js"></script>
+ </body>
+
</html>
\ No newline at end of file
diff --git a/js/scripts.js b/js/scripts.js
index 3ecf3958835ce146c99cd095d8caf73690afc318..0aad1a9dd5b77edf0143305a2ffd8380024b7f20 100755
--- a/js/scripts.js
+++ b/js/scripts.js
@@ -12,6 +12,7 @@ var callback = function () {
height: 14,
}, 2000);
});
+ $("#age").text(age(new Date(1991, 11, 25)) + "yo");
};
$(document).ready(callback);
@@ -21,4 +22,10 @@ window.onresize = function () {
resize = setTimeout(function () {
callback();
}, 100);
-};
\ No newline at end of file
+};
+
+var age = function (birthday) { // birthday is a date
+ var ageDifMs = Date.now() - birthday.getTime();
+ var ageDate = new Date(ageDifMs); // miliseconds from epoch
+ return Math.abs(ageDate.getUTCFullYear() - 1970);
+}
\ No newline at end of file