333 lines
9.7 KiB
HTML
333 lines
9.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<script src="js/destruct.js"></script>
|
|
<title>Onepage - clean responsive HTML5 themes - thomsoon.com</title>
|
|
|
|
<meta
|
|
name="description"
|
|
content="Free download theme onepage, clean and modern responsive for all"
|
|
/>
|
|
<meta
|
|
name="keywords"
|
|
content="responsive, html5, onepage, themes, template, clean layout, free web"
|
|
/>
|
|
<meta name="author" content="Thomsoon.com" />
|
|
|
|
<link rel="shortcut icon" href="img/favicon.png" />
|
|
|
|
<link rel="stylesheet" type="text/css" href="css/reset.css" />
|
|
<link rel="stylesheet" type="text/css" href="css/style.css" />
|
|
<link rel="stylesheet" type="text/css" href="css/style-responsive.css" />
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container">
|
|
<!-- section start-page -->
|
|
|
|
<section class="start-page parallax-background" id="home">
|
|
<div class="opacity"></div>
|
|
<div class="content">
|
|
<div class="text">
|
|
<h1>
|
|
Welcome<br />
|
|
to our <span>website</span>
|
|
</h1>
|
|
<p>Please familiarize yourself with our offer</p>
|
|
|
|
<a href="#about-us"><div class="read-more">Read more</div></a>
|
|
</div>
|
|
<div class="arrow-down"></div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- section menu mobile -->
|
|
|
|
<section class="menu-media">
|
|
<div class="menu-content">
|
|
<div class="logo">Onepage</div>
|
|
|
|
<div class="icon">
|
|
<a href="#"><img src="img/icons/menu-media.png" /></a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<ul class="menu-click">
|
|
<a href="#home"><li href="#home">HOME</li></a>
|
|
<a href="#about-us"><li href="#about-us">ABOUT US</li></a>
|
|
<a href="#portfolio"><li href="#portfolio">PORTFOLIO</li></a>
|
|
<a href="#contact"><li href="#contact">CONTACT</li></a>
|
|
</ul>
|
|
|
|
<!-- section menu -->
|
|
|
|
<section class="menu">
|
|
<div class="menu-content">
|
|
<div class="logo">Onepage</div>
|
|
|
|
<ul id="menu">
|
|
<li><a href="#home">HOME</a></li>
|
|
<li><a href="#about-us">ABOUT US</a></li>
|
|
<li><a href="#portfolio">PORTFOLIO</a></li>
|
|
<li><a href="#contact">CONTACT</a></li>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- section about us -->
|
|
|
|
<section class="about-us" id="about-us">
|
|
<h1>ABOUT US</h1>
|
|
<hr />
|
|
<p class="title">
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
|
|
eiusmod
|
|
</p>
|
|
|
|
<div class="column-one">
|
|
<div class="circle-one"></div>
|
|
|
|
<h2>RESPONSIVE<br />LAYOUT</h2>
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
|
|
eiusmod tempor incididunt
|
|
</p>
|
|
</div>
|
|
|
|
<div class="column-two">
|
|
<div class="circle-two"></div>
|
|
|
|
<h2>MINIMALIST<br />CONTENT</h2>
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
|
|
eiusmod tempor incididunt
|
|
</p>
|
|
</div>
|
|
|
|
<div class="column-three">
|
|
<div class="circle-three"></div>
|
|
|
|
<h2>FREE<br />DOWNLOAD</h2>
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
|
|
eiusmod tempor incididunt
|
|
</p>
|
|
</div>
|
|
</section>
|
|
|
|
<div class="clear"></div>
|
|
|
|
<!-- portoflio-->
|
|
|
|
<section class="portfolio" id="portfolio">
|
|
<div class="portfolio-margin">
|
|
<h1>PORTFOLIO</h1>
|
|
<hr />
|
|
|
|
<!-- 1 item portoflio-->
|
|
|
|
<ul class="grid">
|
|
<li>
|
|
<a href="#">
|
|
<img src="img/portfolio/1.png" alt="Portfolio item" />
|
|
<div class="text">
|
|
<p>PORTFOLIO 1</p>
|
|
<p class="description">Your text here...</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
|
|
<!-- 2 item portoflio-->
|
|
|
|
<li>
|
|
<a href="#">
|
|
<img src="img/portfolio/2.png" alt="Portfolio item" />
|
|
<div class="text">
|
|
<p>PORTFOLIO 2</p>
|
|
<p class="description">Your text here...</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
|
|
<!-- 3 item portoflio-->
|
|
|
|
<li>
|
|
<a href="#">
|
|
<img src="img/portfolio/3.png" alt="Portfolio item" />
|
|
<div class="text">
|
|
<p>PORTFOLIO 3</p>
|
|
<p class="description">Your text here...</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
|
|
<!-- 4 item portoflio-->
|
|
|
|
<li>
|
|
<a href="#">
|
|
<img src="img/portfolio/4.png" alt="Portfolio item" />
|
|
<div class="text">
|
|
<p>PORTFOLIO 4</p>
|
|
<p class="description">Your text here...</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
|
|
<!-- 5 item portoflio-->
|
|
|
|
<li>
|
|
<a href="#">
|
|
<img src="img/portfolio/5.png" alt="Portfolio item" />
|
|
<div class="text">
|
|
<p>PORTFOLIO 5</p>
|
|
<p class="description">Your text here...</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
|
|
<!-- 6 item portoflio-->
|
|
|
|
<li>
|
|
<a href="#">
|
|
<img src="img/portfolio/6.png" alt="Portfolio item" />
|
|
<div class="text">
|
|
<p>PORTFOLIO 6</p>
|
|
<p class="description">Your text here...</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
|
|
<!-- 7 item portoflio-->
|
|
|
|
<li>
|
|
<a href="#">
|
|
<img src="img/portfolio/7.png" alt="Portfolio item" />
|
|
<div class="text">
|
|
<p>PORTFOLIO 7</p>
|
|
<p class="description">Your text here...</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
|
|
<!-- 8 item portoflio-->
|
|
|
|
<li>
|
|
<a href="#">
|
|
<img src="img/portfolio/8.png" alt="Portfolio item" />
|
|
<div class="text">
|
|
<p>PORTFOLIO 8</p>
|
|
<p class="description">Your text here...</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
|
|
<!-- 9 item portoflio-->
|
|
|
|
<li>
|
|
<a href="#">
|
|
<img src="img/portfolio/9.png" alt="Portfolio item" />
|
|
<div class="text">
|
|
<p>PORTFOLIO 9</p>
|
|
<p class="description">Your text here...</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<a href="#"><div class="read-more">Load more</div></a>
|
|
</div>
|
|
</section>
|
|
|
|
<div class="clear"></div>
|
|
|
|
<!-- partners-->
|
|
|
|
<section class="partners parallax-background-partners" id="partners">
|
|
<div class="opacity"></div>
|
|
|
|
<div class="content">
|
|
<h2>Thanks for partners</h2>
|
|
|
|
<div class="logo">
|
|
<a href="#"><img src="img/logos/alex1.png" /></a>
|
|
<a href="#"><img src="img/logos/archiq.png" /></a>
|
|
<a href="#"><img src="img/logos/thomsoon.png" /></a>
|
|
<a href="#"><img src="img/logos/alex2.png" /></a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Contact-->
|
|
|
|
<section class="contact" id="contact">
|
|
<h1>Contact</h1>
|
|
<hr />
|
|
|
|
<div class="content">
|
|
<div class="form">
|
|
<form action="#" method="post" enctype="text/plain">
|
|
<input name="your-name" id="your-name" value="YOUR NAME" />
|
|
<input name="your-email" id="your-email" value="YOUR E-MAIL" />
|
|
|
|
<textarea
|
|
id="message"
|
|
name="message"
|
|
placeholder="YOUR MESSAGE"
|
|
></textarea>
|
|
|
|
<a href="#">
|
|
<div class="button">
|
|
<span>SEND</span>
|
|
</div>
|
|
</a>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="contact-text">
|
|
To contact us please use the contact form visible<br /><br />
|
|
|
|
When sending files, please use<br />
|
|
the following e-mail<br /><br />
|
|
|
|
<strong>Tomasz Mazurczak</strong><br /><br />
|
|
|
|
e-mail: <strong>contact@thomsoon.com</strong>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="footer">
|
|
<div class="margin">
|
|
<div class="menu-footer">
|
|
<a href="#home">Home</a>
|
|
<a href="#">Privacy policy</a>
|
|
<a href="#">RSS</a>
|
|
<a href="#">Facebook</a>
|
|
</div>
|
|
|
|
<div class="copyright">© 2014. All Rights Reserved Thomsoon.com</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
<!-- Scripts -->
|
|
|
|
<script
|
|
type="text/javascript"
|
|
src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"
|
|
></script>
|
|
<!-- jQuery -->
|
|
<script src="js/jquery.parallax.js"></script>
|
|
<!-- jQuery Parallax -->
|
|
<script src="js/jquery.nicescroll.js"></script>
|
|
<!-- jQuery NiceScroll -->
|
|
<script src="js/jquery.sticky.js"></script>
|
|
<!-- jQuery Stick Menu -->
|
|
<script src="js/script.js"></script>
|
|
<!-- All script -->
|
|
</body>
|
|
</html>
|