Difference between revisions of "Template:RHIT"

Line 1: Line 1:
 
<html>
 
<html>
  
 
<!-- Template by Quackit.com -->
 
<!-- Images by various sources under the Creative Commons CC0 license and/or the Creative Commons Zero license.
 
Although you can use them, for a more unique website, replace these images with your own. -->
 
<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">
 
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
 
 
    <title>Business 2</title>
 
 
    <!-- Bootstrap Core CSS -->
 
    <link href="css/bootstrap.min.css" rel="stylesheet">
 
 
    <!-- Custom CSS: You can use this stylesheet to override any Bootstrap styles and/or apply your own styles -->
 
    <link href="css/custom.css" rel="stylesheet">
 
 
    <!-- HTML5 Shim and Respond.js 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/libs/html5shiv/3.7.0/html5shiv.js"></script>
 
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
 
    <![endif]-->
 
 
</head>
 
 
<body>
 
 
    <!-- Navigation -->
 
    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
 
        <div class="container">
 
            <!-- Logo and responsive toggle -->
 
            <div class="navbar-header">
 
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar">
 
                    <span class="sr-only">Toggle navigation</span>
 
                    <span class="icon-bar"></span>
 
                    <span class="icon-bar"></span>
 
                    <span class="icon-bar"></span>
 
                </button>
 
                <a class="navbar-brand" href="#">
 
                <span class="glyphicon glyphicon-fire"></span>
 
                LOGO
 
                </a>
 
            </div>
 
            <!-- Navbar links -->
 
            <div class="collapse navbar-collapse" id="navbar">
 
                <ul class="nav navbar-nav navbar-right">
 
                    <li class="active">
 
                        <a href="#">Home</a>
 
                    </li>
 
                    <li>
 
                        <a href="#">Products</a>
 
                    </li>
 
<li class="dropdown">
 
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Services <span class="caret"></span></a>
 
<ul class="dropdown-menu" aria-labelledby="about-us">
 
<li><a href="#">Engage</a></li>
 
<li><a href="#">Pontificate</a></li>
 
<li><a href="#">Synergize</a></li>
 
</ul>
 
</li>
 
                    <li>
 
                        <a href="#">My Account</a>
 
                    </li>
 
                    <li>
 
                        <a href="#"><span class="glyphicon glyphicon-shopping-cart"></span> My Cart</a>
 
                    </li>
 
                </ul>
 
            </div><!-- /.navbar-collapse -->
 
        </div><!-- /.container -->
 
    </nav>
 
 
<!-- Feature -->
 
<div class="jumbotron feature">
 
<div class="container">
 
<h1><span class="glyphicon glyphicon-equalizer"></span> Dramatically Engage</h1>
 
<p>Objectively innovate empowered manufactured products whereas parallel platforms.</p>
 
<p><a class="btn btn-primary" href="#">Engage Now</a></p>
 
</div>
 
</div>
 
 
 
    <!-- Heading -->
 
    <div class="container">
 
        <div class="row">
 
            <div class="col-xs-12">
 
                <h1 class="text-center">Superior Quality</h1>
 
                <p class="lead text-center">Proactively envisioned multimedia based expertise and cross-media growth strategies. Seamlessly visualize quality intellectual capital without superior collaboration and idea-sharing. Holistically pontificate installed base portals after maintainable products without collateral.</p>
 
            </div>
 
        </div>
 
    </div>
 
 
    <!-- Promos -->
 
<div class="container-fluid">
 
        <div class="row promo">
 
        <a href="#">
 
<div class="col-md-4 promo-item item-1">
 
<h3>
 
Unleash
 
</h3>
 
</div>
 
            </a>
 
            <a href="#">
 
<div class="col-md-4 promo-item item-2">
 
<h3>
 
Synergize
 
</h3>
 
</div>
 
            </a>
 
 
<a href="#">
 
<div class="col-md-4 promo-item item-3">
 
<h3>
 
Procrastinate
 
</h3>
 
</div>
 
            </a>
 
        </div>
 
    </div><!-- /.container-fluid -->
 
 
<!-- Featured Products -->
 
<div class="container">
 
<h1 class="text-center">World Class Products</h1>
 
<div class="row">
 
 
<!-- Product 1 -->
 
<div class="col-sm-6 col-md-3">
 
<div class="thumbnail featured-product">
 
<a href="#">
 
<img src="images/pepper.jpg" alt="">
 
</a>
 
<div class="caption">
 
<h3>Premium Niche</h3>
 
<p>Nori grape silver beet broccoli kombu beet greens fava bean potato quandong celery. Bunya nuts black-eyed pea prairie turnip leek lentil turnip greens parsnip.</p>
 
<p class="price">$10.45</p>
 
 
<!-- Input Group -->
 
<div class="input-group">
 
<input type="number" class="form-control" value="1">
 
<span class="input-group-btn">
 
<button class="btn btn-primary" type="button">
 
<span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span>
 
Add to Cart
 
</button>
 
</span>
 
</div>
 
</div>
 
</div>
 
</div>
 
 
<!-- Product 2 -->
 
<div class="col-sm-6 col-md-3">
 
<div class="thumbnail featured-product">
 
<a href="#">
 
<img src="images/jars.jpg" alt="">
 
</a>
 
<div class="caption">
 
<h3>Handy Holistic</h3>
 
<p>Nori grape silver beet broccoli kombu beet greens fava bean potato quandong celery. Bunya nuts black-eyed pea prairie turnip leek lentil turnip greens parsnip.</p>
 
<p class="price"><s>$24.99</s> $18.99</p>
 
 
<!-- Input Group -->
 
<div class="input-group">
 
<input type="number" class="form-control" value="1">
 
<span class="input-group-btn">
 
<button class="btn btn-primary" type="button">
 
<span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span>
 
Add to Cart
 
</button>
 
</span>
 
</div>
 
</div>
 
</div>
 
</div>
 
 
<!-- Product 3 -->
 
<div class="col-sm-6 col-md-3">
 
<div class="thumbnail featured-product">
 
<a href="#">
 
<img src="images/pot.jpg" alt="">
 
</a>
 
<div class="caption">
 
<h3>Seamless Strategic</h3>
 
<p>Nori grape silver beet broccoli kombu beet greens fava bean potato quandong celery. Bunya nuts black-eyed pea prairie turnip leek lentil turnip greens parsnip.</p>
 
<p class="price">$11.50</p>
 
 
<!-- Input Group -->
 
<div class="input-group">
 
<input type="number" class="form-control" value="1">
 
<span class="input-group-btn">
 
<button class="btn btn-primary" type="button">
 
<span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span>
 
Add to Cart
 
</button>
 
</span>
 
</div>
 
</div>
 
</div>
 
</div>
 
 
<!-- Product 4 -->
 
<div class="col-sm-6 col-md-3">
 
<div class="thumbnail featured-product">
 
<a href="#">
 
<img src="images/teapot.jpg" alt="">
 
</a>
 
<div class="caption">
 
<h3>Maintained Strip</h3>
 
<p>Nori grape silver beet broccoli kombu beet greens fava bean potato quandong celery. Bunya nuts black-eyed pea prairie turnip leek lentil turnip greens parsnip.</p>
 
<p class="price">$45.50</p>
 
 
<!-- Input Group -->
 
<div class="input-group">
 
<input type="number" class="form-control" value="1">
 
<span class="input-group-btn">
 
<button class="btn btn-primary" type="button">
 
<span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span>
 
Add to Cart
 
</button>
 
</span>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
    </div><!-- /.container -->
 
 
 
<div class="container text-center">
 
<h1>Unparalleled Service</h1>
 
<p class="lead">Proactively envisioned multimedia based expertise and cross-media growth strategies. Seamlessly visualize quality intellectual capital without superior collaboration and idea-sharing. Holistically pontificate installed base portals after maintainable products without collateral.</p>
 
<img class="img-responsive img-circle center-block" src="images/service.jpg" alt="">
 
</div><!--/.container-->
 
 
 
<!-- Footer -->
 
<footer>
 
 
<h1 class="text-center">Find Us</h1>
 
<!-- Map -->
 
<div class="footer-map"></div>
 
 
<div class="container">
 
<div class="row">
 
<div class="col-sm-12 footer-info-item text-center">
 
<p class="lead">
 
31 Spooner Street, Quahog, Rhode Island
 
</p>
 
<h2>Contact Us</h2>
 
<p class="lead"><span class="glyphicon glyphicon-phone-alt"></span> +1(23) 456 7890<br>
 
info@example.com</p>
 
</div>
 
</div>
 
</div>
 
 
<!-- Footer Links -->
 
<div class="footer-info">
 
<div class="container">
 
<div class="row">
 
<div class="col-sm-4 footer-info-item">
 
<h3>Information</h3>
 
<ul class="list-unstyled">
 
<li><a href="#">About Us</a></li>
 
<li><a href="#">Customer Service</a></li>
 
<li><a href="#">Privacy Policy</a></li>
 
<li><a href="#">Sitemap</a></li>
 
<li><a href="#">Orders &amp; Returns</a></li>
 
</ul>
 
</div>
 
<div class="col-sm-4 footer-info-item">
 
<h3>My Account</h3>
 
<ul class="list-unstyled">
 
<li><a href="#">Sign In</a></li>
 
<li><a href="#">View Cart</a></li>
 
<li><a href="#">My Wishlist</a></li>
 
<li><a href="#">Track My Order</a></li>
 
<li><a href="#">Help</a></li>
 
</ul>
 
</div>
 
<div class="col-sm-4 footer-info-item">
 
<h3><span class="glyphicon glyphicon-list-alt"></span> Newsletter</h3>
 
<p>Sign up for exclusive offers.</p>
 
<div class="input-group">
 
<input type="email" class="form-control" placeholder="Enter your email address">
 
<span class="input-group-btn">
 
<button class="btn btn-primary" type="button">
 
Subscribe!
 
</button>
 
</span>
 
</div>
 
</div>
 
</div><!-- /.row -->
 
</div><!-- /.container -->
 
        </div>
 
       
 
        <!-- Copyright etc -->
 
        <div class="small-print">
 
        <div class="container">
 
        <p><a href="#">Terms &amp; Conditions</a> | <a href="#">Privacy Policy</a> | <a href="#">Contact</a></p>
 
        <p>Copyright &copy; Example.com 2015 </p>
 
        </div>
 
        </div>
 
       
 
</footer>
 
 
 
    <!-- jQuery -->
 
    <script src="js/jquery-1.11.3.min.js"></script>
 
 
    <!-- Bootstrap Core JavaScript -->
 
    <script src="js/bootstrap.min.js"></script>
 
 
<!-- IE10 viewport bug workaround -->
 
<script src="js/ie10-viewport-bug-workaround.js"></script>
 
 
</body>
 
 
</html>
 
  
  

Revision as of 19:38, 8 June 2018