123 Mary

<!
DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>Contact -T - Start Bootstrap Theme</title>


<link href="css/bootstrap.min.css" rel="stylesheet">


<link href="css/business-casual.css" rel="stylesheet">


<link href="https://fonts.googleapis.com/css?
family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,
800" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?
family=Josefin+Slab:100,300,400,600,700,100italic,300italic,400italic,600italic,700
italic" rel="stylesheet" type="text/css">



</head>
<body>
<div class="brand">Business Casual</div>

<div class="address-bar">3481 Melrose Place | Beverly Hills, CA 90210 |
123.456.7890</div>


<nav class="navbar navbar-default" role="navigation">
<div class="container">

<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
</button>

<a class="navbar-brand" href="index.html">Business Casual</a>
</div>

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-
1">
<ul class="nav navbar-nav">
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="about.html">About</a>
</li>
<li>
<a href="blog.html">Blog</a>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
</ul>
</div>

</div>

</nav>
<div class="row">
<div class="box">
<div class="col-lg-12">
<hr>
<h2 class="intro-text text-center">Contact
<strong>business casual</strong>
</h2>
<hr>
</div>
<div class="col-md-8">

<iframe width="100%" height="400" frameborder="0"
scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?
hl=en&ie=UTF8&ll=37.0625,-
95.677068&spn=56.506174,79.013672&t=m&z=4&output=embed"></iframe>
</div>
<div class="col-md-4">
<p>Phone:
<strong>123.456.7890</strong>
</p>
<p>Email:
<strong><a
href="mailto:name@example.com">name@example.com</a></strong>
</p>
<p>Address:
<strong>3481 Melrose Place
<br>Beverly Hills, CA 90210</strong>
</p>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="row">
<div class="box">
<div class="col-lg-12">
<hr>
<h2 class="intro-text text-center">Contact
<strong>form</strong>
</h2>
<hr>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Fugiat, vitae, distinctio, possimus repudiandae cupiditate ipsum excepturi dicta
neque eaque voluptates tempora veniam esse earum sapiente optio deleniti
consequuntur eos voluptatem.</p>
<form role="form">
<div class="row">
<div class="form-group col-lg-4">
<label>Name</label>
<input type="text" class="form-control">
</div>
<label>Email Address</label>
<input type="email" class="form-control">
</div>
<label>Phone Number</label>
<input type="tel" class="form-control">
</div>
<div class="clearfix"></div>
<label>Message</label>
<textarea class="form-control" rows="6"></textarea>
</div>
<input type="hidden" name="save" value="contact">
<button type="submit" class="btn btn-
default">Submit</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>

<footer>
<div class="row">
<div class="col-lg-12 text-center">
<p>Copyright © Your Website 2014</p>
</div>
</div>
</div>
</footer>


<script src="js/jquery.js"></script>


<script src="js/bootstrap.min.js"></script>
</body>
</html>

123 Mary

Загружено:

Сведения о документе

Оригинальное название

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

123 Mary

Загружено:

Авторское право:

Доступные форматы

<!

<title>Contact -T - Start Bootstrap Theme</title>

<div class="brand">Business Casual</div>

Вам также может понравиться