index.html

<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html lang="en">
<!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <!--[if IE]>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <![endif]-->
    <title>The Australian Shephard</title>
    <link href="./css/bootstrap.css" rel="stylesheet" />
    <link href="./css/font-awesome.min.css" rel="stylesheet" />
    <link href="./css/main.css" rel="stylesheet" />
     <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
     <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
    </head>
<body>


    <!--Header section  -->
    <div class="container" id="home">
        <div class="row text-center">
      <div class="col-md-12" >
          <h1 class="head-main"> <img id="dog1" src="./img/dog-1.jpg " width="200" height="150"></img><br><p>Australian Shepherd</p></h1>
           <h3 class="head-sub-main">The Cutest Dog Ever!</h3>


          </div>


            </div>
      </div>
    <!--End Header section  -->

     <!-- Navigation -->
      <nav class="navbar-inverse" role="navigation">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>
            <!-- Collect the nav links for toggling -->
            <div class="collapse navbar-collapse navbar-ex1-collapse">
                <ul class="nav navbar-nav">
                  <div align="center">
                      </li>
                  </div>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container -->
    </nav>
     <!--End Navigation -->

    <!--About Section-->
    <section class="color-white " id="about"  >
   <div class="container" >

            <div class="row text-center" >
                <div class="col-md-8 col-md-offset-2 ">
                    <h2 style="padding-top:50px;">Some Facts</h2>
                    <li class="fonts">
                      Average Weight: 32kg (70lbs)
                    </li>
                    <li class="fonts">
                      Average Life Span: 14 Years
                    </li>
                    <li class="fonts">
                      Group: Herd Dog
                    </li>
                </div>

            </div>


      </div>
</section>

       <section class=" color-light"  >
   <div class="container" >


        <div class="row text-center" >
                <div class="col-md-12">
                    <h2>Origin</h2>
                    <p class="fonts">
                      The Australian Shepherd is a medium-sized breed of dog that was developed on the ranches in the Western United States. Despite its name, the breed was not developed in Australia, but rather in the United States, where they were seen in the West as early as the 19th century. The breed rose gradually in popularity with the boom of Western riding after World War II. They became known to the general public through rodeos, horse shows, and Disney movies made for television.
                    </p>
                </div>

            </div>
      </div>
</section>
    <!--End About Section-->



   <!-- WORK Flow Section -->
     <section class="color-white " id="work-sec"  >
   <div class="container" >

            <div class="row text-center" >
                <div class="col-md-8 col-md-offset-2 ">
                    <h2>Physical Traits</h2>
                </div>

            </div>

        <div class="row text-center g-pad-bottom" >

                      <div class="col-md-4">

              <div class="work-div">

                <h3>Size:</3><p></p>
                  <p class="idky">The Australian Shepherd is a medium-sized breed of solid build. They can weigh from 30 to 65 pounds (14 to 29 kg) and stand from 17 to 26 inches (43 to 66 cm) in height. The ASCA standard calls for the Australian shepherd to stand between 18 and 23 inches (46 and 58 cm) at the withers, females being 18 to 21 inches (46 to 53 cm) and males measuring 20 to 23 inches (51 to 58 cm); however, quality is not to be sacrificed in favor of size.</p>


              </div>

            </div>

    <div class="col-md-4">

              <div class="work-di">

                  <h3>Color:</h3>
                  <p></p>
                  <p class="idky">Aussie colors are black, red (sometimes called 'liver'), blue merle (marbled black, white, and gray), and red merle (marbled red, white, and buff); each of these colors may also have copper (tan) points or white markings in various combinations on the face, chest, and legs. A black or red dog with copper and white trim is called 'tricolor' or 'tri', a black or red dog with white trim but no copper is called 'bicolor' or 'bi'. White, rather than pigment, on or around the ears is an indicator of increased risk for white-related deafness. Excessive white on the face and ears can place an individual dog at greater risk for sunburn and subsequent skin cancer.</p>
                  <img id="dog2"src="./img/dog-2.jpg" width="200" height="100">


              </div>

            </div>
            <div class="col-md-4 ">

              <div class="work-div">

                  <h3>Tail:</i>
                    <p></p>


                  <p class="idky">Some Aussies are born with naturally bobbed tails. Others have full long tails, and others with natural partial bobs, where the tail is shorter and appears stubby. Breeders have historically docked the tails when the puppies are born. In the United States and Canada, the standard calls for a natural bob or docked tail not to exceed four inches as a defining characteristic; however, some long-tailed examples have been successfully shown and been given recognition.</p>


              </div>

            </div>



            </div>
      </div>
</section>
    <!--End WORK Flow  Section -->
    <!-- Contact Section -->

    <!--footer Section -->
     <div  class="for-full-back "  id="footer" >


        &copy; 2016 Chadley Lyell | All Right Reserved

            </div>
    <!--End footer Section -->
     <!-- JAVASCRIPT FILES PLACED AT THE BOTTOM TO REDUCE THE LOADING TIME  -->
     <!-- CORE JQUERY  -->
    <script src="./plugins/jquery-1.10.2.js"></script>
     <!-- BOOTSTRAP CORE SCRIPT   -->
    <script src="./plugins/bootstrap.js"></script>
     <!-- CUSTOM SCRIPTS -->
    <script src="./js/custom.js"></script>

</body>
</html>