foo
This commit is contained in:
732
website/Boson/htdocs/home-resume.html
Normal file
732
website/Boson/htdocs/home-resume.html
Normal file
@@ -0,0 +1,732 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
||||
|
||||
<title>Boson</title>
|
||||
|
||||
<!-- Styles -->
|
||||
<link rel="stylesheet" href="css/prettyPhoto.css">
|
||||
<link rel="stylesheet" type="text/css" href="css/settings.css" media="screen"/>
|
||||
<link rel="stylesheet" href="css/bootstrap.css">
|
||||
<link rel="stylesheet" href="css/main.css">
|
||||
<link rel="stylesheet" href="css/jquery-ui.css">
|
||||
<link rel="stylesheet" href="css/yamm/yamm.css">
|
||||
<link rel="stylesheet" href="css/color-scheme/blue.css">
|
||||
<link rel="stylesheet" href="css/responsive.css">
|
||||
<!-- extra CSS for new pages -->
|
||||
<link rel="stylesheet" href="css/custom.css">
|
||||
|
||||
|
||||
<!-- Base JS -->
|
||||
<script src="js/jquery-1.9.1.min.js"></script>
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
<script src="js/jquery-ui.js"></script>
|
||||
<script src="js/jquery.sticky.js"></script>
|
||||
<script src="js/stellar.js"></script>
|
||||
<script src="js/main.js"></script>
|
||||
|
||||
|
||||
<!-- Revolution Slider -->
|
||||
<script src="js/jquery.themepunch.plugins.min.js"></script>
|
||||
<script src="js/jquery.themepunch.revolution.min.js"></script>
|
||||
<script src="js/revolution-slider-options.js"></script>
|
||||
|
||||
|
||||
<!-- Prety photo -->
|
||||
<script src="js/jquery.prettyPhoto.js"></script>
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$("a[rel^='prettyPhoto']").prettyPhoto();
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body class="home-wrap">
|
||||
|
||||
<div class="main">
|
||||
|
||||
|
||||
<!-- HEADER
|
||||
============================================= -->
|
||||
<div class="header">
|
||||
<header>
|
||||
<div class="navbar yamm navbar-default navbar-top">
|
||||
<div class="container">
|
||||
<div class="navbar-header">
|
||||
<button type="button" data-toggle="collapse" data-target="#navbar-collapse-1" class="navbar-toggle">
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<a href="./index.html" class="navbar-brand logo"><img src="img/logo.png" alt=""></a>
|
||||
</div>
|
||||
<div id="navbar-collapse-1" class="navbar-collapse collapse">
|
||||
<!-- Search Form -->
|
||||
<form action="/" class="b-search-form">
|
||||
<div class="input-wrap">
|
||||
<input type="text" placeholder="Search..">
|
||||
</div>
|
||||
</form>
|
||||
<!-- End Search Form -->
|
||||
<ul class="nav navbar-nav pull-right">
|
||||
<li class="dropdown yamm-fw yamm-fw5">
|
||||
<a href="#" data-toggle="dropdown" class="dropdown-toggle active">Home</a> <ul class="dropdown-menu">
|
||||
<li>
|
||||
<div class="yamm-content">
|
||||
<div class="row">
|
||||
<div class="col-xs-12 col-sm-3 m-submenu first">
|
||||
<div class="mmenu-title">Home Pages</div>
|
||||
<a href="index-1.html">Home Layout 1</a>
|
||||
<a href="index-2.html">Home Layout 2</a>
|
||||
<a href="index-3.html">Home Layout 3</a>
|
||||
<a href="index-4.html">Home Layout 4</a>
|
||||
<a href="index-5.html">Home Layout 5</a>
|
||||
<a href="index-6.html">Home Layout 6</a>
|
||||
<a href="index-7.html">Home Layout 7</a>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-3 m-submenu">
|
||||
<a href="index-8.html">Home Layout 8</a>
|
||||
<a href="index-9.html">Home Layout 9</a>
|
||||
<a href="index-10.html">Home Layout 10</a>
|
||||
<a href="index-11.html">Home Layout 11</a>
|
||||
<div class="mmenu-title">Home - One Page</div>
|
||||
<a href="index-onepage.html">One Page Default</a>
|
||||
<a href="oncepage-topbar.html">One Page Topbar</a>
|
||||
<a href="onepage-transparent.html">One Page Transparent</a>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-3 m-submenu">
|
||||
<div class="mmenu-title">Landing Page 1-7</div>
|
||||
<a href="home-restaurant.html">Home - Restaurant</a>
|
||||
<a href="home-construction.html">Home - Construction</a>
|
||||
<a href="home-hosting.html">Home - Hosting</a>
|
||||
<a href="home-lawyer.html">Home - Lawyer</a>
|
||||
<a href="home-fashion.html">Home - Fashion</a>
|
||||
<a href="home-portfolio.html">Home - Portfolio</a>
|
||||
<a href="home-landing.html">Home - App Landing</a>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-3 m-submenu">
|
||||
<div class="mmenu-title">Landing Pages 8 - 14</div>
|
||||
<a href="home-creative.html">Home - Creative</a>
|
||||
<a href="home-marketing.html">Home - Marketing</a>
|
||||
<a href="home-resume.html">Home - Resume</a>
|
||||
<a href="home-medical.html">Home - Medical</a>
|
||||
<a href="home-gym.html">Home - Gym</a>
|
||||
<a href="home-church.html">Home - church</a>
|
||||
<a href="home-charity.html">Home - Charity</a>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-3 m-submenu">
|
||||
<div class="mmenu-title">Landing Pages 15-21 </div>
|
||||
<a href="home-resume.html">Home - Resume</a>
|
||||
<a href="home-portfolio2.html">Home - Portfolio 2</a>
|
||||
<a href="home-app-landing.html">Home - App landing</a>
|
||||
<a href="home-corporate.html">Home - Corporate</a>
|
||||
<a href="home-hosting2.html">Home - Hosting</a>
|
||||
<a href="home-marketing.html">Home - Marketing</a>
|
||||
<a href="home-restaurant2.html">Home - Restaurant 2</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<!-- Classic list -->
|
||||
<li class="dropdown">
|
||||
<a href="#" data-toggle="dropdown" class="dropdown-toggle">One Page</a>
|
||||
<ul class="dropdown-menu yamm-sm">
|
||||
<li class="dropdown-submenu">
|
||||
<a href="#">Home - One Page</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="index-onepage.html">One Page Default</a></li>
|
||||
<li><a href="oncepage-topbar.html">One Page Topbar</a></li>
|
||||
<li><a href="onepagefullslider.html">One Page Full Slider</a></li>
|
||||
<li><a href="onepage-transparent.html">One Page Transparent</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="onepage-restaurant.html">OnePage - Restaurant</a></li>
|
||||
<li><a href="onepage-construction.html">One Page - Construction</a></li>
|
||||
<li><a href="onepage-hosting.html">One Page - Hosting</a></li>
|
||||
<li><a href="onepage-lawyer.html">One Page - Lawyer</a></li>
|
||||
<li><a href="onepage-fashion.html">One Page - Fashion</a></li>
|
||||
<li><a href="onepage-landing.html">One Page - App Landing</a></li>
|
||||
<li><a href="onepage-resume.html">One Page - Resume</a></li>
|
||||
<li><a href="onepage-medical.html">One Page - Medical</a></li>
|
||||
<li><a href="onepage-gym.html">One Page - Gym</a></li>
|
||||
<li><a href="onepage-church.html">One Page - church</a></li>
|
||||
<li><a href="onepage-charity.html">One Page - Charity</a></li>
|
||||
<li><a href="onepage-corporate.html">One Page - Corporate</a></li>
|
||||
</ul>
|
||||
</li><li class="dropdown">
|
||||
<a href="#" data-toggle="dropdown" class="dropdown-toggle">Nav Style</a>
|
||||
<ul class="dropdown-menu yamm-sm">
|
||||
<li><a href="index-nav-with-topbar.html">Nav With Topbar</a></li>
|
||||
<li><a href="index-nav-without-topbar.html">Nav Without Topbar</a></li>
|
||||
<li><a href="index-bottom-nav-style.html">Bottom Nav Style</a></li>
|
||||
<li><a href="index-bottom-nav-with-blackbar.html">Bottom Nav with Topbar</a></li>
|
||||
<li><a href="index-transparent.html">Transparent Nav</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown yamm-fw">
|
||||
<a href="#" data-toggle="dropdown" class="dropdown-toggle">Pages</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li>
|
||||
<div class="yamm-content">
|
||||
<div class="row">
|
||||
<div class="col-xs-12 col-sm-3 m-submenu first">
|
||||
<a href="about-us.html">About Us</a>
|
||||
<a href="pricing.html">Pricing Tables</a>
|
||||
<a href="testimonials.html">Testimonials</a>
|
||||
<a href="testimonials-2.html">Testimonials: 2</a>
|
||||
<a href="404-error-page.html">404 Error Page</a>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-3 m-submenu">
|
||||
<a href="services-2.html">Services: 1</a>
|
||||
<a href="services-3.html">Services: 2</a>
|
||||
<a href="services-4.html">Services: 3</a>
|
||||
<a href="services-5.html">Services: 4</a>
|
||||
<a href="services-6.html">Services: 5</a>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-3 m-submenu">
|
||||
<a href="meet-the-team.html">Meet The Team</a>
|
||||
<a href="faq.html">F.A.Q.</a>
|
||||
<a href="full-width-page.html">Full Width Page</a>
|
||||
<a href="side-navigation.html">Side Navigation</a>
|
||||
<a href="search-results.html">Search Results</a>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-3 m-submenu">
|
||||
<a href="page-with-right-sidebar.html">Page With Right Sidebar</a>
|
||||
<a href="page-with-left-sidebar.html">Page With Left Sidebar</a>
|
||||
<a href="no-title-bar.html">No Title Bar</a>
|
||||
<a href="contact-us-1.html">Contact Us 1</a>
|
||||
<a href="contact-us-2.html">Contact Us 2</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a href="#" data-toggle="dropdown" class="dropdown-toggle">Portfolio</a>
|
||||
<ul class="dropdown-menu yamm-sm">
|
||||
<li><a href="portfolio-2-columns.html">Portfolio: 2 Columns</a></li>
|
||||
<li><a href="portfolio-3-columns.html">Portfolio: 3 Columns</a></li>
|
||||
<li><a href="portfolio-4-columns.html">Portfolio: 4 Columns</a></li>
|
||||
<li class="dropdown-submenu">
|
||||
<a href="#">Single Project: Wide</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="portfolio-single-wide-image.html">Image</a></li>
|
||||
<li><a href="portfolio-single-wide-slider.html">Slider</a></li>
|
||||
<li><a href="portfolio-single-wide-video.html">Video</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown-submenu">
|
||||
<a href="#">Single Project: Half</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="portfolio-single-half-image.html">Image</a></li>
|
||||
<li><a href="portfolio-single-half-slider.html">Slider</a></li>
|
||||
<li><a href="portfolio-single-half-video.html">Video</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a href="#" data-toggle="dropdown" class="dropdown-toggle">Blog</a>
|
||||
<ul class="dropdown-menu yamm-sm">
|
||||
<li><a href="blog-large.html">Blog: Large Images</a></li>
|
||||
<li><a href="blog-medium.html">Blog: Medium Images</a></li>
|
||||
<li class="dropdown-submenu">
|
||||
<a href="#">Blog: Single Post</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="blog-single-image.html">Image</a></li>
|
||||
<li><a href="blog-single-slider.html">Slider</a></li>
|
||||
<li><a href="blog-single-video.html">Video</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="news.html">News</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a href="#" data-toggle="dropdown" class="dropdown-toggle">Elements</a>
|
||||
<ul class="dropdown-menu yamm-sm">
|
||||
<li><a href="icon-boxes-1.html">Icon Boxes: 1</a></li>
|
||||
<li><a href="icon-boxes-2.html">Icon Boxes: 2</a></li>
|
||||
<li><a href="elements.html">Elements</a></li>
|
||||
<li><a href="images.html">Images & Gallery</a></li>
|
||||
<li><a href="lists.html">Lists</a></li>
|
||||
<li><a href="columns.html">Grid Columns</a></li>
|
||||
<li><a href="typography.html">Typography</a></li>
|
||||
<li><a href="media.html">Media</a></li>
|
||||
<li><a href="pricing-elements.html">Elements of Prices</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a href="./contact-us-1.html" data-toggle="dropdown" class="dropdown-toggle"><i class="shopping-cart"></i>Shop</a>
|
||||
<ul class="dropdown-menu yamm-sm">
|
||||
<li><a href="./shop.html">Shop - Home</a></li>
|
||||
<li><a href="./shop-single.html">Shop - Single</a></li>
|
||||
<li><a href="./shop_checkout.html">Shop - Checkout</a></li>
|
||||
<li><a href="./shop_cart.html">Shop - Cart</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
</div>
|
||||
<!-- END HEADER
|
||||
============================================= -->
|
||||
|
||||
|
||||
<!-- CONTENT
|
||||
============================================= -->
|
||||
<div class="onepage-content">
|
||||
<div id="home" class="resume-home shortcodes parallax" data-stellar-background-ratio="0.5" style="background: url(img/parallax/ui-developer.png) rgb(25, 25, 25);" data-appear-animation="fadeIn">
|
||||
<div class="container layout">
|
||||
<div class="row">
|
||||
<div class="row-item col-md-8">
|
||||
<h1><span style="color: #ffffff">Daniel Petterson</span></h1>
|
||||
<p><strong><span style="color: #ffffff">Senior UI Developer / Designer</span></strong></p>
|
||||
<p> </p>
|
||||
<p class="big"><span style="color: #ffffff">Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus ferment.</span></p>
|
||||
<p class="big"><span style="color: #ffffff">Quisque lorem tortor fringilla sed, vestibulum id, eleifend justo vel bibendum sapien massa ac turpis faucibus orci.</span></p>
|
||||
<p> </p>
|
||||
<p><i class="icon-facebook " style="color: #ffffff; font-size: 20px;"></i> <i class="icon-linkedin " style="color: #ffffff; font-size: 20px;"></i> <i class="icon-google-plus " style="color: #ffffff; font-size: 20px;"></i></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="skills" class="resume-skills shortcodes appear-animation">
|
||||
<div class="container layout">
|
||||
<div class="row">
|
||||
<div class="row-item col-md-12">
|
||||
<div class="margin-40"></div>
|
||||
<h2 class="lined margin-30">My Skills</h2>
|
||||
</div>
|
||||
<div class="row-item col-md-6">
|
||||
<div class="element-wrap">
|
||||
<div class="b-progress-bar" data-capacity="100" data-value="80">
|
||||
<div class="progress-label">Photoshop 80%</div>
|
||||
<div class="progress-scale">
|
||||
<div class="progress-line"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="b-progress-bar" data-capacity="100" data-value="85">
|
||||
<div class="progress-label">CSS374 85%</div>
|
||||
<div class="progress-scale">
|
||||
<div class="progress-line"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="b-progress-bar" data-capacity="100" data-value="75">
|
||||
<div class="progress-label">Javascript / jQuery 75%</div>
|
||||
<div class="progress-scale">
|
||||
<div class="progress-line"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row-item col-md-6">
|
||||
<div class="element-wrap">
|
||||
<div class="b-progress-bar" data-capacity="100" data-value="77">
|
||||
<div class="progress-label">HTML 5 77%</div>
|
||||
<div class="progress-scale">
|
||||
<div class="progress-line"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="b-progress-bar" data-capacity="100" data-value="60">
|
||||
<div class="progress-label">php 60%</div>
|
||||
<div class="progress-scale">
|
||||
<div class="progress-line"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="b-progress-bar" data-capacity="100" data-value="88">
|
||||
<div class="progress-label">3D Max 88%</div>
|
||||
<div class="progress-scale">
|
||||
<div class="progress-line"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="experience" class="resume-experience shortcodes">
|
||||
<div class="container layout">
|
||||
<div class="row">
|
||||
<div class="row-item col-md-12">
|
||||
<div class="margin-40"></div>
|
||||
<h2 class="lined margin-30">Experience</h2>
|
||||
</div>
|
||||
<div class="row-item col-md-4">
|
||||
<h4>Frontend Developer</h4>
|
||||
<p>Melbourne, Australia</p>
|
||||
</div>
|
||||
<div class="row-item col-md-8">
|
||||
<p>Vestibulum dapibus, mauris nec malesuada fames ac turpis velit, rhoncus eu, luctus et interdum adipiscing wisi. Aliquam erat ac ipsum. Integer aliquam purus. Quisque lorem tortor fringilla sed, vestibulum id, eleifend justo vel bibendum sapien massa ac turpis.</p>
|
||||
<h3>Responsibilities</h3>
|
||||
<ul class="list_mixed">
|
||||
<li class="list_check">knowledge of Photoshop</li>
|
||||
<li class="list_check">ability to cut layouts</li>
|
||||
<li class="list_check">knowledge of W3C standards</li>
|
||||
<li class="list_check">knowledge HTML5 & jQuery</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="row-item col-md-12">
|
||||
<hr class="shadow-2" style="margin-top: 20px; margin-bottom: 60px;">
|
||||
</div>
|
||||
<div class="row-item col-md-4">
|
||||
<h4>Frontend Developer</h4>
|
||||
<p>Melbourne, Australia</p>
|
||||
</div>
|
||||
<div class="row-item col-md-8">
|
||||
<p>Vestibulum dapibus, mauris nec malesuada fames ac turpis velit, rhoncus eu, luctus et interdum adipiscing wisi. Aliquam erat ac ipsum. Integer aliquam purus. Quisque lorem tortor fringilla sed, vestibulum id, eleifend justo vel bibendum sapien massa ac turpis.</p>
|
||||
<h3>Responsibilities</h3>
|
||||
<ul class="list_mixed">
|
||||
<li class="list_check">knowledge of Photoshop</li>
|
||||
<li class="list_check">ability to cut layouts</li>
|
||||
<li class="list_check">knowledge of W3C standards</li>
|
||||
<li class="list_check">knowledge HTML5 & jQuery</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="portfolio" class="resume-portfolio shortcodes">
|
||||
<div class="container layout">
|
||||
<h3 class="lined margin-30">My Latest Work</h3>
|
||||
<div class="row port b-works">
|
||||
<div class="row-item col-md-4 identity photography tehnology">
|
||||
<div class="work">
|
||||
<a href="http://vimeo.com/67500403" rel="prettyPhoto" class="work-image">
|
||||
<img src="img/port/spring-flowers.jpg" alt="">
|
||||
<div class="link-overlay icon-play"></div>
|
||||
</a>
|
||||
<a href="#" class="work-name">Smiling</a>
|
||||
<div class="tags">
|
||||
Photography, Tehnology
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row-item col-md-4 photography webdesign">
|
||||
<div class="work">
|
||||
<a href="img/port/surfer-big.jpg" rel="prettyPhoto" class="work-image">
|
||||
<img src="img/port/surfer.jpg" alt="">
|
||||
<div class="link-overlay icon-search"></div>
|
||||
</a>
|
||||
<a href="#" class="work-name">Surfer</a>
|
||||
<div class="tags">
|
||||
Photography, Webdesign
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row-item col-md-4 identity">
|
||||
<div class="work">
|
||||
<a href="http://vimeo.com/67500403" rel="prettyPhoto" class="work-image">
|
||||
<img src="img/port/architecture.jpg" alt="">
|
||||
<div class="link-overlay icon-play"></div>
|
||||
</a>
|
||||
<a href="#" class="work-name">Architecture</a>
|
||||
<div class="tags">
|
||||
Identity
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row-item col-md-4 tehnology">
|
||||
<div class="work">
|
||||
<a href="img/port/yacht-sailing-big.jpg" rel="prettyPhoto" class="work-image">
|
||||
<img src="img/port/yacht-sailing.jpg" alt="">
|
||||
<div class="link-overlay icon-search"></div>
|
||||
</a>
|
||||
<a href="#" class="work-name">Yacht Sailing</a>
|
||||
<div class="tags">
|
||||
Tehnology
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row-item col-md-4 photography">
|
||||
<div class="work">
|
||||
<a href="http://vimeo.com/67500403" rel="prettyPhoto" class="work-image">
|
||||
<img src="img/port/golf.jpg" alt="">
|
||||
<div class="link-overlay icon-play"></div>
|
||||
</a>
|
||||
<a href="#" class="work-name">Golf</a>
|
||||
<div class="tags">
|
||||
Photography
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row-item col-md-4 tehnology">
|
||||
<div class="work">
|
||||
<a href="img/port/spring-flowers-big.jpg" rel="prettyPhoto" class="work-image">
|
||||
<img src="img/port/spring-flowers.jpg" alt="">
|
||||
<div class="link-overlay icon-search"></div>
|
||||
</a>
|
||||
<a href="#" class="work-name">Spring Flowers</a>
|
||||
<div class="tags">
|
||||
Tehnology
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="education" class="resume-education shortcodes">
|
||||
<div class="container layout">
|
||||
<div class="row">
|
||||
<div class="row-item col-md-12">
|
||||
<div class="margin-50"></div>
|
||||
<h2 class="lined margin-30">Education</h2>
|
||||
</div>
|
||||
<div class="row-item col-md-6">
|
||||
<h3><strong><i class="icon-book " style="color: #2aacba; font-size: 20px;"></i> Masters Degree</strong></h3>
|
||||
<p>Jan'2005 - Dec' 2008</p>
|
||||
<p><strong>University of IT in Melbourne, Australia</strong></p>
|
||||
<p class="description">Vestibulum ut pharetra diam, vitae hendrerit sapien. Praesent porttitor augue nec semper suscipit. Nulla et cursus lectus. Praesent vel feugiat dolor.</p>
|
||||
<hr>
|
||||
<h3><strong><i class="icon-book " style="color: #2aacba; font-size: 20px;"></i> Bachelors Degree</strong></h3>
|
||||
<p>Jan'2002 - Dec' 2004</p>
|
||||
<p><strong>University of MBA in Las Vegas, USA</strong></p>
|
||||
<p class="description">Donec vel nulla mollis, mattis orci vel, vulputate tellus. Cras interdum sapien quis risus mattis egestas. Etiam rhoncus lacus turpis, in vulputate arcu imperdiet non.</p>
|
||||
</div>
|
||||
<div class="row-item col-md-6">
|
||||
<h3><strong><i class="icon-book " style="color: #2aacba; font-size: 20px;"></i> Masters Degree</strong></h3>
|
||||
<p>Jan'2005 - Dec' 2008</p>
|
||||
<p><strong>University of IT in Melbourne, Australia</strong></p>
|
||||
<p class="description">Vestibulum ut pharetra diam, vitae hendrerit sapien. Praesent porttitor augue nec semper suscipit. Nulla et cursus lectus. Praesent vel feugiat dolor.</p>
|
||||
<hr>
|
||||
<h3><strong><i class="icon-book " style="color: #2aacba; font-size: 20px;"></i> Bachelors Degree</strong></h3>
|
||||
<p>Jan'2002 - Dec' 2004</p>
|
||||
<p><strong>University of MBA in Las Vegas, USA</strong></p>
|
||||
<p class="description">Donec vel nulla mollis, mattis orci vel, vulputate tellus. Cras interdum sapien quis risus mattis egestas. Etiam rhoncus lacus turpis, in vulputate arcu imperdiet non.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="clients" class="resume-clients shortcodes">
|
||||
<div class="container layout">
|
||||
<div class="row">
|
||||
<div class="row-item col-md-12">
|
||||
<div class="margin-50"></div>
|
||||
<h2 class="lined margin-30">Prestigious Client</h2>
|
||||
<div class="margin-10"></div>
|
||||
<div class="b-clients" style="margin-bottom: 10px;">
|
||||
<div class="client tooltips">
|
||||
<div class="tooltips-data">Monte</div>
|
||||
<a href="#"><img src="img/elements/logo-5.jpg" alt=""></a>
|
||||
</div>
|
||||
<div class="client tooltips">
|
||||
<div class="tooltips-data">Barnett</div>
|
||||
<a href="#"><img src="img/elements/logo-3.jpg" alt=""></a>
|
||||
</div>
|
||||
<div class="client tooltips">
|
||||
<div class="tooltips-data">Rolling Cat</div>
|
||||
<a href="#"><img src="img/elements/logo-2.jpg" alt=""></a>
|
||||
</div>
|
||||
<div class="client tooltips">
|
||||
<div class="tooltips-data">Spasski</div>
|
||||
<a href="#"><img src="img/elements/logo-1.jpg" alt=""></a>
|
||||
</div>
|
||||
<div class="client tooltips">
|
||||
<div class="tooltips-data">Method</div>
|
||||
<a href="#"><img src="img/elements/logo-4.jpg" alt=""></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="contactme" class="resume-contact shortcodes">
|
||||
<div class="container layout">
|
||||
<h2 class="lined margin-30">Quick Contact</h2>
|
||||
<div class="row">
|
||||
<div class="row-item col-md-6">
|
||||
<ul class="b-list b-contact">
|
||||
<li class="contact-address"><i class="icon-map-marker"></i><span><strong>Address:</strong>1400 Defense Pentagon, Arlington County, Virginia, United States</span></li>
|
||||
<li class="contact-mail"><i class="icon-envelope"></i><strong>E-mail:</strong> <a href="mailto:info@yourcompany.com">info@yourcompany.com</a></li>
|
||||
<li class="contact-address"><i class="icon-time"></i><span><strong>Business Hours:</strong>9:00 AM to 8:00 PM (Monday to Friday)</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="row-item col-md-6">
|
||||
<div class="screen-reader-response"></div>
|
||||
<div id="contact">
|
||||
<div class="form-message"></div>
|
||||
<form class="b-form b-contact-form" action="contact.php" style="margin-bottom: 10px;">
|
||||
<div class="input-wrap m-full-width">
|
||||
<i class="icon-user"></i>
|
||||
<input class="field-name" type="text" placeholder="Name (required)">
|
||||
</div>
|
||||
<div class="input-wrap m-full-width">
|
||||
<i class="icon-envelope"></i>
|
||||
<input class="field-email" type="text" placeholder="Email (required)">
|
||||
</div>
|
||||
<div class="textarea-wrap">
|
||||
<i class="icon-pencil"></i>
|
||||
<textarea class="field-comments" placeholder="Message"></textarea>
|
||||
</div>
|
||||
<input class="btn-submit btn colored" type="submit" value="Send">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END CONTENT
|
||||
============================================= -->
|
||||
|
||||
<!-- FOOTER
|
||||
============================================= -->
|
||||
<div class="footer">
|
||||
<!-- Widget Area -->
|
||||
<div class="b-widgets">
|
||||
<div class="container layout">
|
||||
<div class="row">
|
||||
<!-- About -->
|
||||
<div class="row-item col-md-3">
|
||||
<img src="img/logo.png" alt="" style="margin-bottom: 10px;">
|
||||
<p>
|
||||
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui
|
||||
</p>
|
||||
</div>
|
||||
<!-- End About -->
|
||||
<!-- Latest Tweets -->
|
||||
<div class="row-item col-md-3">
|
||||
<h3>Latest Tweets</h3>
|
||||
<div class="b-twitter m-footer">
|
||||
<ul>
|
||||
<!-- Twitter Message 1 -->
|
||||
<li>
|
||||
<span>Sed ut perspiciatis unde omnis iste natus error sit voluptatem <a href="#" class="link">http://twitter.com</a></span>
|
||||
<span class="twit-date">Jan 7, 2013</span>
|
||||
</li>
|
||||
<!-- Twitter Message 2 -->
|
||||
<li>
|
||||
<span>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aliquid :) <a href="#" class="link">http://twitter.com</a></span>
|
||||
<span class="twit-date">Jan 7, 2013</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Latest Tweets -->
|
||||
<!-- Latest Project -->
|
||||
<div class="row-item col-md-3">
|
||||
<h3>Latest Projects</h3>
|
||||
<div class="latest-project">
|
||||
<div class="latest-project-item">
|
||||
<a href="#"><img src="img/elements/rp-1.jpg" alt=""></a>
|
||||
</div>
|
||||
<div class="latest-project-item">
|
||||
<a href="#"><img src="img/elements/rp-2.jpg" alt=""></a>
|
||||
</div>
|
||||
<div class="latest-project-item">
|
||||
<a href="#"><img src="img/elements/rp-3.jpg" alt=""></a>
|
||||
</div>
|
||||
<div class="latest-project-item">
|
||||
<a href="#"><img src="img/elements/rp-4.jpg" alt=""></a>
|
||||
</div>
|
||||
<div class="latest-project-item">
|
||||
<a href="#"><img src="img/elements/rp-5.jpg" alt=""></a>
|
||||
</div>
|
||||
<div class="latest-project-item">
|
||||
<a href="#"><img src="img/elements/rp-6.jpg" alt=""></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Latest Project -->
|
||||
<!-- Contact Information -->
|
||||
<div class="row-item col-md-3">
|
||||
<h3>Contact Information</h3>
|
||||
<!-- Address -->
|
||||
<ul class="b-list b-contact m-dark" style="margin-bottom: 15px;">
|
||||
<li class="contact-address"><i class="icon-map-marker"></i><span>103088. Ut wisi enim ad minim veniam, quis nostrud.</span></li>
|
||||
<li class="contact-mail"><i class="icon-envelope"></i><a href="#">mail@mail.com</a></li>
|
||||
<li class="contact-phone"><i class="icon-phone"></i><span>+1 (229) 991-22-11</span></li>
|
||||
<li class="contact-address"><i class="icon-time"></i><span>Monday-Friday: 9:<sup>00</sup> — 18:<sup>00</sup><br>
|
||||
Saturday: 10:<sup>00</sup> — 17:<sup>00</sup><br>
|
||||
Sunday: closed</span>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- End Address -->
|
||||
</div>
|
||||
<!-- End Contact Information -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Widget Area -->
|
||||
<!-- Copyright Area -->
|
||||
<div class="b-copyright">
|
||||
<div class="container layout">
|
||||
<!-- Copyright Text -->
|
||||
<span class="copy">Copyright © 2016 <a href="index.html">Boson</a>. All Right Reserved.</span>
|
||||
<!-- Social Icons -->
|
||||
<ul class="b-social bot">
|
||||
<li>Follow Us:</li>
|
||||
<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
|
||||
<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
|
||||
<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
|
||||
<li><a class="dr" href="#"><i class="icon-dribbble"></i></a></li>
|
||||
<li><a class="sk" href="#"><i class="icon-skype"></i></a></li>
|
||||
<li><a class="rss" href="#"><i class="icon-rss"></i></a></li>
|
||||
<!--
|
||||
<li><a class="yt" href="#"><i class="icon-youtube"></i></a></li>
|
||||
<li><a class="tl" href="#"><i class="icon-tumblr"></i></a></li>
|
||||
<li><a class="is" href="#"><i class="icon-instagram"></i></a></li>
|
||||
<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
|
||||
<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
|
||||
<li><a class="vk" href="#"><i class="icon-vk"></i></a></li>
|
||||
<li><a class="dx" href="#"><i class="icon-dropbox"></i></a></li>
|
||||
<li><a class="fs" href="#"><i class="icon-foursquare"></i></a></li>
|
||||
<li><a class="gh" href="#"><i class="icon-github-alt"></i></a></li>
|
||||
<li><a class="mx" href="#"><i class="icon-maxcdn"></i></a></li>-->
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END FOOTER
|
||||
============================================= -->
|
||||
|
||||
</div>
|
||||
<!-- END MAIN
|
||||
============================================= -->
|
||||
<!-- jQuery -->
|
||||
<script src="js/jquery.js"></script>
|
||||
|
||||
<!-- Plugins -->
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
<script src="js/menu.js"></script>
|
||||
<script src="js/owl-carousel/owl.carousel.min.js"></script>
|
||||
<script src="js/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
|
||||
<script src="js/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
|
||||
<script src="js/jquery.easing.min.js"></script>
|
||||
<script src="js/isotope/isotope.pkgd.js"></script>
|
||||
<script src="js/jflickrfeed.min.js"></script>
|
||||
<script src="js/tweecool.js"></script>
|
||||
<script src="js/flexslider/jquery.flexslider.js"></script>
|
||||
<script src="js/easypie/jquery.easypiechart.min.js"></script>
|
||||
<script src="js/jquery-ui.js"></script>
|
||||
<script src="js/jquery.appear.js"></script>
|
||||
<script src="js/jquery.inview.js"></script>
|
||||
<script src="js/jquery.countdown.min.js"></script>
|
||||
<script src="js/jquery.sticky.js"></script>
|
||||
<script src="js/magnific-popup/jquery.magnific-popup.min.js"></script>
|
||||
<script src="js/jquery.easing/jquery.easing.js"></script>
|
||||
<script src="js/hippo-off-canvas.js"></script>
|
||||
<script src="js/main.js"></script>
|
||||
<script src="js/main2.js"></script>
|
||||
|
||||
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
|
||||
<script src="js/gmaps/greyscale.js"></script>
|
||||
</body>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user