Skip to content
Snippets Groups Projects
Commit ca2dd9b7 authored by Dmytro Bogatov's avatar Dmytro Bogatov :two_hearts:
Browse files

Adit info.

parent a0aa5487
Branches
No related tags found
No related merge requests found
Show whitespace changes
Inline Side-by-side
css/main.css
+ 1
− 1
View file @ ca2dd9b7
...@@ -95,7 +95,7 @@ PHOTO (AVATAR) ...@@ -95,7 +95,7 @@ PHOTO (AVATAR)
#text-header h1::first-line { #text-header h1::first-line {
font-size: 1.5em; font-size: 1.5em;
letter-spacing: -4px; /*letter-spacing: -4px;*/
font-weight: 800; font-weight: 800;
line-height: 1.5em; line-height: 1.5em;
} }
... ...
......
index.html 100755 → 100644
+ 199
− 188
View file @ ca2dd9b7
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
<img src="/img/avatar.jpg" alt="avatar"> <img src="/img/avatar.jpg" alt="avatar">
</div> </div>
<div id="text-header"> <div id="text-header">
<h1>Hello,<br> my name is <span>Inara</span><sup>24yo</sup> and this is my resume/cv</h1> <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> </div>
...@@ -39,41 +39,42 @@ ...@@ -39,41 +39,42 @@
<!-- ABOUT ME --> <!-- ABOUT ME -->
<div class="box"> <div class="box">
<h2>About Me</h2> <h2>About Me</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus, non, dolorem, cumque distinctio magni quam expedita <p>
velit laborum sunt amet facere tempora ut fuga aliquam ad asperiores voluptatem dolorum! Quasi.</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> </div>
<!-- EDUCATION --> <!-- EDUCATION -->
<div class="box"> <div class="box">
<h2>Education</h2> <h2>Education</h2>
<ul id="education" class="clearfix"> <ul id="education" class="clearfix">
<li> <li>
<div class="year pull-left">1990</div> <div class="year pull-left">1991</div>
<div class="description pull-right"> <div class="description pull-right">
<h3>I was born in Katowice</h3> <h3>I was born in ____</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente, exercitationem, totam, dolores iste dolore est <p>Beatiful city in Ukraine.</p>
aut modi.</p>
</div> </div>
</li> </li>
<li> <li>
<div class="year pull-left">2005</div> <div class="year pull-left">2014</div>
<div class="description pull-right"> <div class="description pull-right">
<h3>Secondary school specializing in artistic</h3> <h3>BS in Economics / Finance Management, Accounting, Banking</h3>
<p>Eos, explicabo, nam, tenetur et ab eius deserunt aspernatur ipsum ducimus quibusdam quis voluptatibus.</p> <p>South Ural State University, Chelyabinsk, Russian Federation</p>
</div> </div>
</li> </li>
<li> <li>
<div class="year pull-left">2009</div> <div class="year pull-left">2015</div>
<div class="description pull-right"> <div class="description pull-right">
<h3>First level graduation in Graphic Design</h3> <h3>MS in Professional Communication</h3>
<p>Aspernatur, mollitia, quos maxime eius suscipit sed beatae ducimus quaerat quibusdam perferendis? Iusto, quibusdam <p>Clark University, Worcester, MA, USA</p>
asperiores unde repellat.</p>
</div> </div>
</li> </li>
<li> <li>
<div class="year pull-left">2012</div> <div class="year pull-left">2016</div>
<div class="description pull-right"> <div class="description pull-right">
<h3>Second level graduation in Graphic Design</h3> <h3>MS in Marketing Communication</h3>
<p>Ducimus, aliquam tempore autem itaque et accusantium!</p> <p>South Ural State University, Chelyabinsk, Russian Federation</p>
</div> </div>
</li> </li>
</ul> </ul>
...@@ -83,25 +84,35 @@ ...@@ -83,25 +84,35 @@
<h2>Experiences</h2> <h2>Experiences</h2>
<div class="job clearfix"> <div class="job clearfix">
<div class="col-xs-3"> <div class="col-xs-3">
<div class="where">Google</div> <div class="where">The Sberbank of Russia</div>
<div class="year">2013 - 2014</div> <div class="year">2013 - 2015</div>
</div> </div>
<div class="col-xs-9"> <div class="col-xs-9">
<div class="profession">Front-end developer / php programmer</div> <div class="profession">Client Service Representative</div>
<div class="description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ullam, et, illum perferendis veritatis velit sunt similique <div class="profession">Credit Manager's Assistant</div>
qui magni totam harum tempore eius laboriosam accusantium necessitatibus voluptatum? Enim, itaque dignissimos quia.</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> </div>
<div class="job clearfix"> <div class="job clearfix">
<div class="col-xs-3"> <div class="col-xs-3">
<div class="where">Twitter</div> <div class="where">The Federal State Unitary Enterprise - Russian Post</div>
<div class="year">2012</div> <div class="year">2012</div>
</div> </div>
<div class="col-xs-9"> <div class="col-xs-9">
<div class="profession">Web Developer</div> <div class="profession">Assistant Accountant</div>
<div class="description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam, nihil sit nemo voluptatem praesentium. Quia, qui <div class="description">
facere consectetur libero asperiores fugiat consequuntur deserunt culpa repudiandae sed quidem voluptas explicabo <ul>
soluta. <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>
...@@ -113,37 +124,37 @@ ...@@ -113,37 +124,37 @@
<h2>Contact</h2> <h2>Contact</h2>
<div class="contact-item"> <div class="contact-item">
<div class="icon pull-left text-center"><span class="fa fa-phone fa-fw"></span></div> <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 class="title only pull-right">(774) 641-68-70</div>
</div> </div>
<div class="contact-item"> <div class="contact-item">
<div class="icon pull-left text-center"><span class="fa fa-envelope fa-fw"></span></div> <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 class="title only pull-right">inara@nigmatullina.com</div>
</div> </div>
<div class="contact-item"> <div class="contact-item">
<div class="icon pull-left text-center"><span class="fa fa-twitter fa-fw"></span></div> <div class="icon pull-left text-center"><span class="fa fa-vk fa-fw"></span></div>
<div class="title pull-right">Twitter</div> <div class="title pull-right">VK</div>
<div class="description pull-right">https://twitter.com/WordPress</div> <div class="description pull-right">https://vk.com/id17600488</div>
</div> </div>
<div class="contact-item"> <div class="contact-item">
<div class="icon pull-left text-center"><span class="fa fa-facebook fa-fw"></span></div> <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="title pull-right">Facebook</div>
<div class="description pull-right">https://www.facebook.com/facebook</div> <div class="description pull-right">https://www.facebook.com/profile.php?id=100007847650759</div>
</div> </div>
<div class="contact-item"> <div class="contact-item">
<div class="icon pull-left text-center"><span class="fa fa-skype fa-fw"></span></div> <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="title pull-right">Skype</div>
<div class="description pull-right">kamsolutions.pl</div> <div class="description pull-right">facebook:inara_91</div>
</div> </div>
</div> </div>
<!-- SKILLS --> <!-- SKILLS -->
<div class="box"> <div class="box">
<h2>Skills</h2> <h2>Skills</h2>
<div class="skills"> <div class="skills">
<div class="item-skills" data-percent="1.00">HTML</div> <div class="item-skills" data-percent="1.00">MS Excel</div>
<div class="item-skills" data-percent="0.90">CSS</div> <div class="item-skills" data-percent="0.90">Google Analytics</div>
<div class="item-skills" data-percent="0.80">jQuery</div> <div class="item-skills" data-percent="0.75">MS Outlook</div>
<div class="item-skills" data-percent="0.75">PHP</div> <div class="item-skills" data-percent="0.60">MS Word</div>
<div class="item-skills" data-percent="0.25">Laravel 2 (framework)</div> <div class="item-skills" data-percent="0.55">MS PowerPoint</div>
<div class="skills-legend clearfix"> <div class="skills-legend clearfix">
<div class="legend-left legend">Beginner</div> <div class="legend-left legend">Beginner</div>
<div class="legend-left legend"><span>Proficient</span></div> <div class="legend-left legend"><span>Proficient</span></div>
...@@ -156,14 +167,14 @@ ...@@ -156,14 +167,14 @@
<div class="box"> <div class="box">
<h2>Languages</h2> <h2>Languages</h2>
<div id="language-skills"> <div id="language-skills">
<div class="skill">Polish <div class="skill">Russian
<div class="icons pull-right"> <div class="icons pull-right">
<div style="width: 80%;" class="icons-red"></div> <div style="width: 100%;" class="icons-red"></div>
</div> </div>
</div> </div>
<div class="skill">English <div class="skill">English
<div class="icons pull-right"> <div class="icons pull-right">
<div style="width: 60%;" class="icons-red"></div> <div style="width: 85%;" class="icons-red"></div>
</div> </div>
</div> </div>
</div> </div>
...@@ -171,9 +182,9 @@ ...@@ -171,9 +182,9 @@
<!-- HOBBIES --> <!-- HOBBIES -->
<div class="box"> <div class="box">
<h2>Hobbies</h2> <h2>Hobbies</h2>
<div class="hobby">Photography</div> <div class="hobby">Dancing</div>
<div class="hobby">Fitness</div> <div class="hobby">Swimming</div>
<div class="hobby">Programming</div> <div class="hobby">Music</div>
</div> </div>
</div> </div>
</div> </div>
... ...
......
js/scripts.js
+ 8
− 1
View file @ ca2dd9b7
...@@ -12,6 +12,7 @@ var callback = function () { ...@@ -12,6 +12,7 @@ var callback = function () {
height: 14, height: 14,
}, 2000); }, 2000);
}); });
$("#age").text(age(new Date(1991, 11, 25)) + "yo");
}; };
$(document).ready(callback); $(document).ready(callback);
...@@ -22,3 +23,9 @@ window.onresize = function () { ...@@ -22,3 +23,9 @@ window.onresize = function () {
callback(); callback();
}, 100); }, 100);
}; };
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
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please to comment