<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>NINA Theme – Free HTML theme</title>
<link rel="stylesheet" href="reset.css" type="text/css">
<link rel="stylesheet" href="styl.css" type="text/css">
<link href='http//fonts.googleapis.com/css?family=Source+Sans+Pro:200,400,600,700&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
</head>
<body>
<!-- ********* Header ********** -->
<div id="header">
<div id="header_in">
<h1><a href="index.html"><b>NINA</b> THEME</a></h1>
<div id="menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html" class="active">About</a></li>
<li><a href="ourwork.html">Our work</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</div>
<!-- ********* Main part – headline ********** -->
<div id="main_part_inner">
<div id="main_part_inner_in">
<h2>About us</h2>
<div class="button_main">
<a href="download.html" class="button_dark">DOWNLOAD</a>
</div>
</div>
</div>
<!-- ********* Content ********** -->
<div id="content_inner">
<!-- ***** Out team + portraits ***** -->
<h3>Our Team</h3>
<p class="teamline">Team full of amazing people and cats. Although young, we are all very experienced in what we do, just see our resumes or let our work speak for us!</p>
<div class="sixths_team">
<h4>Find out more<br>
<span>about him</span>
</h4>
<a href="#"><img src="img/team_member1.jpg" alt="team1"></a>
<a href="#" class="profession">developer</a>
</div>
<div class="sixths_team">
<h4>Find out more<br>
<span>about it</span>
</h4>
<a href="#"><img src="img/team_member2.jpg" alt="team2"></a>
<a href="#" class="profession">pussy</a>
</div>
<div class="sixths_team">
<h4>Find out more<br>
<span>about him</span>
</h4>
<a href="#"><img src="img/team_member3.jpg" alt="team3"></a>
<a href="#" class="profession">the boss</a>
</div>
<div class="sixths_team">
<h4>Find out more<br>
<span>about her</span>
</h4>
<a href="#"><img src="img/team_member4.jpg" alt="team4"></a>
<a href="#" class="profession">designer</a>
</div>
<div class="sixths_team">
<h4>Find out more<br>
<span>about him</span>
</h4>
<a href="#"><img src="img/team_member5.jpg" alt="team5"></a>
<a href="#" class="profession">copywriter</a>
</div>
<div class="sixths_team">
<h4>Find out more<br>
<span>about her</span>
</h4>
<a href="#"><img src="img/team_member6.jpg" alt="team6"></a>
<a href="#" class="profession">marketer</a>
</div>
<hr class="cleanit">
<!-- ***** History, milestones ***** -->
<div class="history_blok">
<h3>A bit of our history</h3>
<img src="design/milestones.png" class="milestones">
<div class="milestone1">
<h4 class="miles">
<b>4/2012</b> <br>
It begins!
</h4>
<p class="descr">Drums! We are here and we are ready to rock!</p>
</div>
<div class="milestone2">
<h4 class="miles">
<b>9/2012</b> <br>
Expanding
</h4>
<p class="descr">Very quickly growing team, we are 2 now. Woah!</p>
</div>
<div class="milestone3">
<h4 class="miles">
<b>1/2013</b> <br>
Great Success!
</h4>
<p class="descr">This description should not look so weird with more than two lines of text, right? Right?</p>
</div>
<div class="milestone4">
<h4 class="miles">
<b>3/2013</b> <br>
Hiring Steffanie
</h4>
<p class="descr">Hiring one of the best designers out there to help us.</p>
</div>
<hr class="cleanit">
</div>
<div class="moreabout">
<p>Speaking about history, if you wanna know <b>the whole story</b> about us, we prepared a nice <b>PDF file</b> for you including all the funny stories and also pics of our cats. So, if you are really bored, read it!</p>
<a href="#" class="button_dark">DOWNLOAD</a>
</div>
<!-- ***** Services ***** -->
<h3>We are here to serve you</h3>
<a href="#" class="services_list">
<span class="ico_paperplane"><b>Making absolutely amazing paperplanes</b></span>
</a>
<a href="#" class="services_list">
<span class="ico_iphone"><b>Creating the best mobile apps ever!</b></span>
</a>
<a href="#" class="services_list">
<span class="ico_food"><b>Didn’t expect cooking? Well you should have!</b></span>
</a>
<a href="#" class="services_list">
<span class="ico_message"><b>Clicking, double-clicking, sending e-mails, ...</b></span>
</a>
<a href="#" class="services_list">
<span class="ico_mapmark" style="padding-top: 30px;"><b>Finding Nemo</b></span>
</a>
<a href="#" class="services_list">
<span class="ico_shop"><b>Making outstanding e-commerce websites</b></span>
</a>
</div>
<!-- ********* Footer ********** -->
<hr class="cleanit">
<div id="footer">
<div id="footer_in">
<p><a href="http//creativecommons.org/licenses/by/3.0/">CC Attribution 3.0 Unported</a> — allowed for commercial and non-commercial use</p>
<span>Author: <a href="http//ries.cz">Vilém Ries</a></span>
</div>
</div>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
前端前端静态模板-黑白-学生作业毕设实训素材.zip (58个子文件)
黑白
design
control.png 1KB
.DS_Store 6KB
quote_bottom.png 2KB
control_active.png 1KB
milestones.png 2KB
img
portfolio1.jpg 15KB
team_member4.jpg 10KB
portfolio2.jpg 18KB
team_member1.jpg 9KB
quote_bottom.jpg 5KB
portfolio7.jpg 21KB
portfolio8.jpg 26KB
team_member2.jpg 14KB
.DS_Store 12KB
menu_cut.jpg 11KB
bg_footer.jpg 46KB
portfolio3.jpg 18KB
portfolio4.jpg 13KB
main_img_1.jpg 85KB
portfolio6.jpg 21KB
team_member5.jpg 9KB
team_member6.jpg 9KB
banner1.jpg 6KB
portfolio5.jpg 14KB
team_member3.jpg 12KB
index.html 7KB
reset.css 2KB
blog.html 2KB
__MACOSX
design
._milestones.png 82B
._.DS_Store 82B
._control.png 82B
._quote_bottom.png 82B
._control_active.png 82B
img
._banner1.jpg 82B
._team_member4.jpg 20KB
._team_member2.jpg 20KB
._quote_bottom.jpg 82B
._portfolio3.jpg 82B
._.DS_Store 82B
._portfolio1.jpg 82B
._portfolio7.jpg 82B
._team_member5.jpg 20KB
._main_img_1.jpg 20KB
._portfolio8.jpg 82B
._portfolio5.jpg 82B
._bg_footer.jpg 20KB
._team_member1.jpg 20KB
._portfolio6.jpg 82B
._team_member3.jpg 20KB
._team_member6.jpg 20KB
._portfolio4.jpg 82B
._portfolio2.jpg 82B
._menu_cut.jpg 20KB
._reset.css 240B
styl.css 15KB
ourwork.html 6KB
about.html 7KB
contact.html 4KB
共 58 条
- 1
资源评论
芝麻粒儿
- 粉丝: 6w+
- 资源: 2万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功