Tiorzfk/index.html

## index.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>PetAdopter</title><!-- CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/main.css">
</head>
<body>

    <header>
        <nav class="navbar navbar-default" style="margin:0">
            <div class="container">
                <div class="navbar-header">
                    <a href="#" class="navbar-brand">PetAdopter</a>
                </div>
                <div>
                    <ul class="nav navbar-nav navbar-right">
                        <li><a href="#" class="active">Home</a></li>
                        <li><a href="#">Service</a></li>
                        <li><a href="#">Adopt</a></li>
                        <li><a href="#">Gallery</a></li>
                        <li><a href="#">Blog</a></li>
                        <li><a href="#">Testimonial</a></li>
                        <li><a href="#">Contact</a></li>
                    </ul>
                </div>
            </div>
        </nav>
    </header>

    <section id="hero">
        <h1>Share your love to the pet</h1>
        <h2>An Animals eye have the power to speak a great language</h2>
        <a href="#" class="btn btn-custom">Adopt A Pet Now</a>
    </section>

    <section id="service">
        <header>
            <h1>Our Services</h1>
        </header>
        <div class="container">
            <div class="row">
                <article class="col-md-4">
                    <header>
                        <img src="assets/img/imagery/pet-site-home-hero.jpg" alt="Pet Shelter">
                        <h3>Pet Shelter</h3>
                    </header>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas, officia architecto aliquam ut libero cumque optio, totam alias rerum magnam maiores sit ratione animi consequatur facere pariatur provident autem, iusto!</p>
                </article>
            </div>
        </div>
    </section>

    <!-- JS -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>PetAdopter</title><!-- CSS -->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
	<link rel="stylesheet" href="assets/css/main.css">
	</head>
	<body>

	<header>
	<nav class="navbar navbar-default" style="margin:0">
	<div class="container">
	<div class="navbar-header">
	<a href="#" class="navbar-brand">PetAdopter</a>
	</div>
	<div>
	<ul class="nav navbar-nav navbar-right">
	<li><a href="#" class="active">Home</a></li>
	<li><a href="#">Service</a></li>
	<li><a href="#">Adopt</a></li>
	<li><a href="#">Gallery</a></li>
	<li><a href="#">Blog</a></li>
	<li><a href="#">Testimonial</a></li>
	<li><a href="#">Contact</a></li>
	</ul>
	</div>
	</div>
	</nav>
	</header>

	<section id="hero">
	<h1>Share your love to the pet</h1>
	<h2>An Animals eye have the power to speak a great language</h2>
	<a href="#" class="btn btn-custom">Adopt A Pet Now</a>
	</section>

	<section id="service">
	<header>
	<h1>Our Services</h1>
	</header>
	<div class="container">
	<div class="row">
	<article class="col-md-4">
	<header>
	<img src="assets/img/imagery/pet-site-home-hero.jpg" alt="Pet Shelter">
	<h3>Pet Shelter</h3>
	</header>
	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas, officia architecto aliquam ut libero cumque optio, totam alias rerum magnam maiores sit ratione animi consequatur facere pariatur provident autem, iusto!</p>
	</article>
	</div>
	</div>
	</section>

	<!-- JS -->
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	</body>
	</html>