<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Classic - Contact Page</title>
<!--
Classic Template
http://www.moobnn.com/tm-488-classic
-->
<!-- load stylesheets -->
<link rel="stylesheet" href="#css?family=Open+Sans:300,400"> <!-- Google web font "Open Sans" -->
<link rel="stylesheet" href="css/bootstrap.min.css"> <!-- Bootstrap style -->
<link rel="stylesheet" href="css/templatemo-style.css"> <!-- Templatemo style -->
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="tm-header">
<div class="container-fluid">
<div class="tm-header-inner">
<a href="#" class="navbar-brand tm-site-name">Classic</a>
<!-- navbar -->
<nav class="navbar tm-main-nav">
<button class="navbar-toggler hidden-md-up" type="button" data-toggle="collapse" data-target="#tmNavbar">
☰
</button>
<div class="collapse navbar-toggleable-sm" id="tmNavbar">
<ul class="nav navbar-nav">
<li class="nav-item">
<a href="index.html" class="nav-link">Home</a>
</li>
<li class="nav-item">
<a href="about.html" class="nav-link">About</a>
</li>
<li class="nav-item">
<a href="blog.html" class="nav-link">Blog</a>
</li>
<li class="nav-item active">
<a href="contact.html" class="nav-link">Contact</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
</div>
<div class="tm-contact-img-container">
</div>
<section class="tm-section">
<div class="container-fluid">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
<section>
<h3 class="tm-gold-text tm-form-title">Pellentesque fermentum mauris</h3>
<p class="tm-form-description">Vivamus accumsan blandit ligula. Sed lobortis efficitur sapien. Quisque vel sem eu turpis ullamcorper euismod. Praesent quis nisi ac augue luctus viverra. Sed et dui nisi. Fusce vitae dapibus justo.</p>
<form action="index.html" method="post" class="tm-contact-form">
<div class="form-group">
<input type="text" id="contact_name" name="contact_name" class="form-control" placeholder="Name" required/>
</div>
<div class="form-group">
<input type="email" id="contact_email" name="contact_email" class="form-control" placeholder="Email" required/>
</div>
<div class="form-group">
<input type="text" id="contact_subject" name="contact_subject" class="form-control" placeholder="Subject" required/>
</div>
<div class="form-group">
<textarea id="contact_message" name="contact_message" class="form-control" rows="6" placeholder="Message" required></textarea>
</div>
<button type="submit" class="tm-btn">Submit</button>
</form>
</section>
<section class="tm-margin-t-mid tm-map-section">
<h3 class="tm-gold-text tm-form-title">Pellentesque fermentum mauris</h3>
<div id="google-map"></div>
<p class="tm-form-description">Morbi vel pharetra massa, non iaculis tortor. Nulla porttitor tincidunt felis et feugiat. Vivamus fermentum ligula justo, sit amet blandit nisl volutpat id.</p>
<p class="m-b-0">Donec mattis ipsum in erat viverra commodo.
Proin sapien lacus, euismod eget nisl in,
elementum posuere massa. Curabitur a odio
eros. Cras aliquam lectus erat, non semper est
volutpat eget. Ut eget erat tincidunt.</p>
<a href="#" class="tm-btn tm-margin-t-small">Detail</a>
</section>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 tm-contact-right">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
<div class="tm-aside-container">
<h3 class="tm-gold-text tm-title">
Categories
</h3>
<nav>
<ul class="nav">
<li><a href="#" class="tm-text-link">Lorem ipsum dolor sit</a></li>
<li><a href="#" class="tm-text-link">Tincidunt non faucibus placerat</a></li>
<li><a href="#" class="tm-text-link">Vestibulum tempor ac lectus</a></li>
<li><a href="#" class="tm-text-link">Elementum egestas dui</a></li>
<li><a href="#" class="tm-text-link">Nam in augue consectetur</a></li>
<li><a href="#" class="tm-text-link">Text Link Color #006699</a></li>
</ul>
</nav>
<hr class="tm-margin-t-small">
<h3 class="tm-gold-text tm-title tm-margin-t-small">
Useful Links
</h3>
<nav>
<ul class="nav">
<li><a href="#" class="tm-text-link">Suspendisse sed dui nulla</a></li>
<li><a href="#" class="tm-text-link">Lorem ipsum dolor sit</a></li>
<li><a href="#" class="tm-text-link">Duiss nec purus et eros</a></li>
简洁simple个人博客bootstrap模板下载_简洁 个人 博客 棕色 标准 bootstrap 响应式 手机 个人主页 simple 简单 css3.rar （29个子文件） 
简洁simple个人博客bootstrap模板下载_简洁 个人 博客 棕色 标准 bootstrap 响应式 手机 个人主页 simple 简单 css3 tpmo_488_classic js 
bootstrap.min.js 44KB tether.min.js 23KB jquery-1.11.3.min.js 94KB img 
tm-img-310x180-2.jpg 32KB
classic-pattern-bg.png 1KB tm-img-100x100-4.jpg 5KB tm-img-240x120-1.jpg 13KB tm-img-1010x336-1.jpg 106KB tm-img-100x100-1.jpg 12KB tm-img-100x100-2.jpg 7KB tm-img-310x180-4.jpg 16KB tm-img-240x120-2.jpg 16KB tm-img-310x180-1.jpg 18KB tm-blog-img.jpg 89KB tm-img-240x120-3.jpg 18KB tm-contact-img.jpg 248KB tm-about-img.jpg 177KB tm-img-310x180-3.jpg 17KB tm-home-img.jpg 658KB tm-img-100x100-5.jpg 10KB tm-img-660x330-1.jpg 71KB tm-img-100x100-6.jpg 7KB tm-img-100x100-3.jpg 8KB css bootstrap.min.css 93KB templatemo-style.css 8KB
index.html 20KB contact.html 20KB about.html 16KB blog.html 17KB资源评论
