Academic Integrity: tutoring, explanations, and feedback — we don’t complete graded work or submit on a student’s behalf.

Create your own website A website of at least 5 individual web pages Atopic of y

ID: 2246586 • Letter: C

Question



Create your own website A website of at least 5 individual web pages Atopic of your choice... As long as the topic involves ONE of the following o E-waste Disposal/Recycling Microprocessors Batteries Displays/ Lamps . Circuit boards Wires Skins and cases The Website must have A title on every page A Large Heading that will act as a title and appear at the top of every page You don't have to use a h1 tag words on every page in addition to the title and heading o A unique favicon for your site that displays on every page All pages must be in theme No pages that are just stuff we did in class or for homework o At least 1 external style sheet .Every page must be styled with the style sheet At least 1 external file to run Javascript -A link from every page to every other page on the website Must style the links with CSS no unstyled links Must remove underline Must have the style of the link change with a mouse over event

Explanation / Answer

Hi ,

i cant explain totally becase of this chegg only allow to me 65000 words sorry for that so i give you main pages

index.html , style.css , products.html, header.html page you will follow the below for creating products

index.html

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8">

<title>Shopping cart</title>

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta name="description" content="">

<meta name="author" content="">

<!-- Bootstrap styles -->

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

<!-- Customize styles -->

<link href="style.css" rel="stylesheet"/>

<!-- font awesome styles -->

  <link href="assets/font-awesome/css/font-awesome.css" rel="stylesheet">

    <!--[if IE 7]>

      <link href="css/font-awesome-ie7.min.css" rel="stylesheet">

    <![endif]-->

    <!--[if lt IE 9]>

      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>

    <![endif]-->

  <!-- Favicons -->

<link rel="shortcut icon" href="assets/ico/favicon.ico">

</head>

<body>

<!--

  Upper Header Section

-->

<div class="navbar navbar-inverse navbar-fixed-top">

  <div class="topNav">

    <div class="container">

      <div class="alignR">

        <div class="pull-left socialNw">

          <a href="#"><span class="icon-twitter"></span></a>

          <a href="#"><span class="icon-facebook"></span></a>

          <a href="#"><span class="icon-youtube"></span></a>

          <a href="#"><span class="icon-tumblr"></span></a>

        </div>

        <a class="active" href="index.html"> <span class="icon-home"></span> Home</a>

        <a href="#"><span class="icon-user"></span> My Account</a>

        <a href="register.html"><span class="icon-edit"></span> Free Register </a>

        <a href="contact.html"><span class="icon-envelope"></span> Contact us</a>

        <a href="cart.html"><span class="icon-shopping-cart"></span> 2 Item(s) - <span class="badge badge-warning"> $448.42</span></a>

      </div>

    </div>

  </div>

</div>

<!--

Lower Header Section

-->

<div class="container">

<div id="gototop"> </div>

<header id="header">

<div class="row">

  <div class="span4">

  <h1>

  <a class="logo" href="index.html"><span>Twitter Bootstrap ecommerce template</span>

    <img src="assets/img/logo-bootstrap-shoping-cart.png" alt="bootstrap sexy shop">

  </a>

  </h1>

  </div>

  <div class="span4">

  <!-- <div class="offerNoteWrapper">

  <h1 class="dotmark">

  <i class="icon-cut"></i>

  Twitter Bootstrap shopping cart HTML template is available @ $14

  </h1>

  </div> -->

  </div>

  <div class="span4 alignR">

  <p><br> <strong> Support (24/7) : 0800 1234 678 </strong><br><br></p>

  <span class="btn btn-mini">[ 2 ] <span class="icon-shopping-cart"></span></span>

  <span class="btn btn-warning btn-mini">$</span>

  <span class="btn btn-mini">&pound;</span>

  <span class="btn btn-mini">&euro;</span>

  </div>

</div>

</header>

<!--

Navigation Bar Section

-->

<div class="navbar">

   <div class="navbar-inner">

    <div class="container">

     <a data-target=".nav-collapse" data-toggle="collapse" class="btn btn-navbar">

      <span class="icon-bar"></span>

      <span class="icon-bar"></span>

      <span class="icon-bar"></span>

     </a>

     <div class="nav-collapse">

      <ul class="nav">

       <li class="active"><a href="index.html">Home  </a></li>

       <li class=""><a href="list-view.html">List View</a></li>

       <li class=""><a href="grid-view.html">Grid View</a></li>

       <li class=""><a href="three-col.html">Three Column</a></li>

       <li class=""><a href="four-col.html">Four Column</a></li>

       <li class=""><a href="general.html">General Content</a></li>

      </ul>

      <form action="#" class="navbar-search pull-left">

       <input type="text" placeholder="Search" class="search-query span2">

      </form>

      <ul class="nav pull-right">

      <li class="dropdown">

        <a data-toggle="dropdown" class="dropdown-toggle" href="#"><span class="icon-lock"></span> Login <b class="caret"></b></a>

        <div class="dropdown-menu">

        <form class="form-horizontal loginFrm">

         <div class="control-group">

          <input type="text" class="span2" id="inputEmail" placeholder="Email">

         </div>

         <div class="control-group">

          <input type="password" class="span2" id="inputPassword" placeholder="Password">

         </div>

         <div class="control-group">

          <label class="checkbox">

          <input type="checkbox"> Remember me

          </label>

          <button type="submit" class="shopBtn btn-block">Sign in</button>

         </div>

        </form>

        </div>

      </li>

      </ul>

     </div>

    </div>

   </div>

  </div>

<!--

Body Section

-->

  <div class="row">

<div id="sidebar" class="span3">

<div class="well well-small">

  <ul class="nav nav-list">

    <li><a href="products.html"><span class="icon-chevron-right"></span>Fashion</a></li>

    <li><a href="products.html"><span class="icon-chevron-right"></span>Watches</a></li>

    <li><a href="products.html"><span class="icon-chevron-right"></span>Fine Jewelry</a></li>

    <li><a href="products.html"><span class="icon-chevron-right"></span>Fashion Jewelry</a></li>

    <li><a href="products.html"><span class="icon-chevron-right"></span>Engagement & Wedding</a></li>

    <li><a href="products.html"><span class="icon-chevron-right"></span>Men's Jewelry</a></li>

    <li><a href="products.html"><span class="icon-chevron-right"></span>Vintage & Antique</a></li>

    <li><a href="products.html"><span class="icon-chevron-right"></span>Loose Diamonds </a></li>

    <li><a href="products.html"><span class="icon-chevron-right"></span>Loose Beads</a></li>

    <li><a href="products.html"><span class="icon-chevron-right"></span>See All Jewelry & Watches</a></li>

    <li> &nbsp;</li>

    <li> <a class="totalInCart" href="cart.html"><strong>Total Amount <span class="badge badge-warning pull-right">$448.42</span></strong></a></li>

  </ul>

</div>

       <div class="well well-small alert alert-warning cntr">

         <h2>50% Discount</h2>

         <p>

           only valid for online order. <br><br><a class="defaultBtn" href="#">Click here </a>

         </p>

       </div>

       <div class="well well-small" ><a href="#"><img src="assets/img/paypal.jpg" alt="payment method paypal"></a></div>

      

      <a class="shopBtn btn-block" href="#">Upcoming products <br><small>Click to view</small></a>

      <br>

      <br>

      <ul class="nav nav-list promowrapper">

      <li>

       <div class="thumbnail">

        <a class="zoomTool" href="product_details.html" title="add to cart"><span class="icon-search"></span> QUICK VIEW</a>

        <img src="assets/img/bootstrap-ecommerce-templates.png" alt="bootstrap ecommerce templates">

        <div class="caption">

         <h4><a class="defaultBtn" href="product_details.html">VIEW</a> <span class="pull-right">$22.00</span></h4>

        </div>

       </div>

      </li>

      <li> &nbsp;</li>

      <li>

       <div class="thumbnail">

        <a class="zoomTool" href="product_details.html" title="add to cart"><span class="icon-search"></span> QUICK VIEW</a>

        <img src="assets/img/shopping-cart-template.png" alt="shopping cart template">

        <div class="caption">

         <h4><a class="defaultBtn" href="product_details.html">VIEW</a> <span class="pull-right">$22.00</span></h4>

        </div>

       </div>

      </li>

      <li> &nbsp;</li>

      <li>

       <div class="thumbnail">

        <a class="zoomTool" href="product_details.html" title="add to cart"><span class="icon-search"></span> QUICK VIEW</a>

        <img src="assets/img/bootstrap-template.png" alt="bootstrap template">

        <div class="caption">

         <h4><a class="defaultBtn" href="product_details.html">VIEW</a> <span class="pull-right">$22.00</span></h4>

        </div>

       </div>

      </li>

     </ul>

  </div>

  <div class="span9">

  <div class="well np">

    <div id="myCarousel" class="carousel slide homCar">

<div class="carousel-inner">

       <div class="item">

<img src="assets/img/bootstrap_free-ecommerce.png" alt="bootstrap ecommerce templates">

<div class="carousel-caption">

<h4>Bootstrap shopping cart</h4>

<p><span>Very clean simple to use</span></p>

</div>

</div>

       <div class="item">

<img src="assets/img/carousel1.png" alt="bootstrap ecommerce templates">

<div class="carousel-caption">

<h4>Bootstrap Ecommerce template</h4>

<p><span>Highly Google seo friendly</span></p>

</div>

</div>

       <div class="item active">

<img src="assets/img/carousel3.png" alt="bootstrap ecommerce templates">

<div class="carousel-caption">

<h4>Twitter Bootstrap cart</h4>

<p><span>Very easy to integrate and expand.</span></p>

</div>

</div>

<div class="item">

<img src="assets/img/bootstrap-templates.png" alt="bootstrap templates">

<div class="carousel-caption">

<h4>Bootstrap templates integration</h4>

<p><span>Compitable to many more opensource cart</span></p>

</div>

</div>

</div>

<a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>

<a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a>

</div>

</div>

<!--

New Products

-->

  <div class="well well-small">

  <h3>New Products </h3>

  <hr class="soften"/>

    <div class="row-fluid">

    <div id="newProductCar" class="carousel slide">

<div class="carousel-inner">

      <div class="item active">

       <ul class="thumbnails">

        <li class="span3">

        <div class="thumbnail">

          <a class="zoomTool" href="product_details.html" title="add to cart"><span class="icon-search"></span> QUICK VIEW</a>

          <a href="#" class="tag"></a>

          <a href="product_details.html"><img src="assets/img/bootstrap-ring.png" alt="bootstrap-ring"></a>

        </div>

        </li>

        <li class="span3">

         <div class="thumbnail">

          <a class="zoomTool" href="product_details.html" title="add to cart"><span class="icon-search"></span> QUICK VIEW</a>

          <a href="#" class="tag"></a>

          <a href="product_details.html"><img src="assets/img/i.jpg" alt=""></a>

         </div>

        </li>

        <li class="span3">

         <div class="thumbnail">

          <a class="zoomTool" href="product_details.html" title="add to cart"><span class="icon-search"></span> QUICK VIEW</a>

          <a href="#" class="tag"></a>

          <a href="product_details.html"><img src="assets/img/g.jpg" alt=""></a>

         </div>

        </li>

        <li class="span3">

         <div class="thumbnail">

          <a class="zoomTool" href="product_details.html" title="add to cart"><span class="icon-search"></span> QUICK VIEW</a>

          <a href="product_details.html"><img src="assets/img/s.png" alt=""></a>

         </div>

        </li>

       </ul>

       </div>

     <div class="item">

     <ul class="thumbnails">

      <li class="span3">

       <div class="thumbnail">

        <a class="zoomTool" href="product_details.html" title="add to cart"><span class="icon-search"></span> QUICK VIEW</a>

        <a href="product_details.html"><img src="assets/img/i.jpg" alt=""></a>

       </div>

      </li>

      <li class="span3">

       <div class="thumbnail">

        <a class="zoomTool" href="product_details.html" title="add to cart"><span class="icon-search"></span> QUICK VIEW</a>

        <a href="product_details.html"><img src="assets/img/f.jpg" alt=""></a>

       </div>

      </li>

      <li class="span3">

       <div class="thumbnail">

        <a class="zoomTool" href="product_details.html" title="add to cart"><span class="icon-search"></span> QUICK VIEW</a>

        <a href="product_details.html"><img src="assets/img/h.jpg" alt=""></a>

       </div>

      </li>

      <li class="span3">

       <div class="thumbnail">

        <a class="zoomTool" href="product_details.html" title="add to cart"><span class="icon-search"></span> QUICK VIEW</a>

        <a href="product_details.html"><img src="assets/img/j.jpg" alt=""></a>

       </div>

      </li>

     </ul>

     </div>

     </div>

     <a class="left carousel-control" href="#newProductCar" data-slide="prev">&lsaquo;</a>

<a class="right carousel-control" href="#newProductCar" data-slide="next">&rsaquo;</a>

     </div>

     </div>

    <div class="row-fluid">

     <ul class="thumbnails">

      <li class="span4">

       <div class="thumbnail">

        

        <a class="zoomTool" href="product_details.html" title="add to cart"><span class="icon-search"></span> QUICK VIEW</a>

        <a href="product_details.html"><img src="assets/img/b.jpg" alt=""></a>

        <div class="caption cntr">

          <p>Manicure & Pedicure</p>

          <p><strong> $22.00</strong></p>

          <h4><a class="shopBtn" href="#" title="add to cart"> Add to cart </a></h4>

          <div class="actionList">

            <a class="pull-left" href="#">Add to Wish List </a>

            <a class="pull-left" href="#"> Add to Compare </a>

          </div>

          <br class="clr">

        </div>

       </div>

      </li>

      <li class="span4">

       <div class="thumbnail">

        <a class="zoomTool" href="product_details.html" title="add to cart"><span class="icon-search"></span> QUICK VIEW</a>

        <a href="product_details.html"><img src="assets/img/c.jpg" alt=""></a>

        <div class="caption cntr">

          <p>Manicure & Pedicure</p>

          <p><strong> $22.00</strong></p>

          <h4><a class="shopBtn" href="#" title="add to cart"> Add to cart </a></h4>

          <div class="actionList">

            <a class="pull-left" href="#">Add to Wish List </a>

            <a class="pull-left" href="#"> Add to Compare </a>

          </div>

          <br class="clr">

        </div>

       </div>

      </li>

      <li class="span4">

       <div class="thumbnail">

        <a class="zoomTool" href="product_details.html" title="add to cart"><span class="icon-search"></span> QUICK VIEW</a>

        <a href="product_details.html"><img src="assets/img/a.jpg" alt=""></a>

        <div class="caption cntr">

          <p>Manicure & Pedicure</p>

          <p><strong> $22.00</strong></p>

          <h4><a class="shopBtn" href="#" title="add to cart"> Add to cart </a></h4>

          <div class="actionList">

            <a class="pull-left" href="#">Add to Wish List </a>

            <a class="pull-left" href="#"> Add to Compare </a>

          </div>

          <br class="clr">

        </div>

       </div>

      </li>

     </ul>

    </div>

  </div>

  <!--

  Featured Products

  -->

    <div class="well well-small">

     <h3><a class="btn btn-mini pull-right" href="products.html" title="View more">VIew More<span class="icon-plus"></span></a> Featured Products </h3>

     <hr class="soften"/>

     <div class="row-fluid">

     <ul class="thumbnails">

      <li class="span4">

       <div class="thumbnail">

        <a class="zoomTool" href="product_details.html" title="add to cart"><span class="icon-search"></span> QUICK VIEW</a>

        <a href="product_details.html"><img src="assets/img/d.jpg" alt=""></a>

        <div class="caption">

         <h5>Manicure & Pedicure</h5>

         <h4>

           <a class="defaultBtn" href="product_details.html" title="Click to view"><span class="icon-zoom-in"></span></a>

           <a class="shopBtn" href="#" title="add to cart"><span class="icon-plus"></span></a>

           <span class="pull-right">$22.00</span>

         </h4>

        </div>

       </div>

      </li>

      <li class="span4">

       <div class="thumbnail">

        <a class="zoomTool" href="product_details.html" title="add to cart"><span class="icon-search"></span> QUICK VIEW</a>

        <a href="product_details.html"><img src="assets/img/e.jpg" alt=""></a>

        <div class="caption">

         <h5>Manicure & Pedicure</h5>

         <h4>

           <a class="defaultBtn" href="product_details.html" title="Click to view"><span class="icon-zoom-in"></span></a>

           <a class="shopBtn" href="#" title="add to cart"><span class="icon-plus"></span></a>

           <span class="pull-right">$22.00</span>

         </h4>

        </div>

       </div>

      </li>

      <li class="span4">

       <div class="thumbnail">

        <a class="zoomTool" href="product_details.html" title="add to cart"><span class="icon-search"></span> QUICK VIEW</a>

        <a href="product_details.html"><img src="assets/img/f.jpg" alt=""/></a>

        <div class="caption">

         <h5>Manicure & Pedicure</h5>

         <h4>

           <a class="defaultBtn" href="product_details.html" title="Click to view"><span class="icon-zoom-in"></span></a>

           <a class="shopBtn" href="#" title="add to cart"><span class="icon-plus"></span></a>

           <span class="pull-right">$22.00</span>

         </h4>

        </div>

       </div>

      </li>

     </ul>

  </div>

  </div>

  

  <div class="well well-small">

  <a class="btn btn-mini pull-right" href="#">View more <span class="icon-plus"></span></a>

  Popular Products

  </div>

  <hr>

  <div class="well well-small">

  <a class="btn btn-mini pull-right" href="#">View more <span class="icon-plus"></span></a>

  Best selling Products

  </div>

  </div>

  </div>

<!--

Clients

-->

<section class="our_client">

  <hr class="soften"/>

  <h4 class="title cntr"><span class="text">Manufactures</span></h4>

  <hr class="soften"/>

  <div class="row">

    <div class="span2">

      <a href="#"><img alt="" src="assets/img/1.png"></a>

    </div>

    <div class="span2">

      <a href="#"><img alt="" src="assets/img/2.png"></a>

    </div>

    <div class="span2">

      <a href="#"><img alt="" src="assets/img/3.png"></a>

    </div>

    <div class="span2">

      <a href="#"><img alt="" src="assets/img/4.png"></a>

    </div>

    <div class="span2">

      <a href="#"><img alt="" src="assets/img/5.png"></a>

    </div>

    <div class="span2">

      <a href="#"><img alt="" src="assets/img/6.png"></a>

    </div>

  </div>

</section>

<!--

Footer

-->

<footer class="footer">

<div class="row-fluid">

<div class="span2">

<h5>Your Account</h5>

<a href="#">YOUR ACCOUNT</a><br>

<a href="#">PERSONAL INFORMATION</a><br>

<a href="#">ADDRESSES</a><br>

<a href="#">DISCOUNT</a><br>

<a href="#">ORDER HISTORY</a><br>

</div>

<div class="span2">

<h5>Iinformation</h5>

<a href="contact.html">CONTACT</a><br>

<a href="#">SITEMAP</a><br>

<a href="#">LEGAL NOTICE</a><br>

<a href="#">TERMS AND CONDITIONS</a><br>

<a href="#">ABOUT US</a><br>

</div>

<div class="span2">

<h5>Our Offer</h5>

<a href="#">NEW PRODUCTS</a> <br>

<a href="#">TOP SELLERS</a><br>

<a href="#">SPECIALS</a><br>

<a href="#">MANUFACTURERS</a><br>

<a href="#">SUPPLIERS</a> <br/>

</div>

<div class="span6">

<h5>The standard chunk of Lorem</h5>

The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for

those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et

Malorum" by Cicero are also reproduced in their exact original form,

accompanied by English versions from the 1914 translation by H. Rackham.

</div>

</div>

</footer>

</div><!-- /container -->

<div class="copyright">

<div class="container">

  <p class="pull-right">

    <a href="#"><img src="assets/img/maestro.png" alt="payment"></a>

    <a href="#"><img src="assets/img/mc.png" alt="payment"></a>

    <a href="#"><img src="assets/img/pp.png" alt="payment"></a>

    <a href="#"><img src="assets/img/visa.png" alt="payment"></a>

    <a href="#"><img src="assets/img/disc.png" alt="payment"></a>

  </p>

  <span>Copyright &copy; 2013<br> bootstrap ecommerce shopping template</span>

</div>

</div>

<a href="#" class="gotop"><i class="icon-double-angle-up"></i></a>

<!-- Placed at the end of the document so the pages load faster -->

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

  <script src="assets/js/bootstrap.min.js"></script>

  <script src="assets/js/jquery.easing-1.3.min.js"></script>

<script src="assets/js/jquery.scrollTo-1.4.3.1-min.js"></script>

<script src="assets/js/shop.js"></script>

</body>

</html>

style.html

body{background:url(assets/img/white_leather.png) repeat 0 0; }

#header{padding:8px 0 8px;}

#header a{text-decoration:none}

#header p{padding:0; margin:0; line-height:1em; font-size:100%}

#header h1{margin:0;line-height:1em }

#header h1.dotmark{line-height:1.5em;}

#header{ padding-top:44px;}

.logo {padding-top: 11px;display: block;}

.logo span{display:none}

.dotmark{padding:4px; font-size:14px; line-height:1.5em; background:#fff; border:1px dashed rgb(252, 111, 0); margin:0; color:rgb(252, 111, 0); position:relative;}

.dotmark:hover{ border:1px dashed #fff; color:#fff; background:rgb(252, 111, 0);}

.dotmark i{position:absolute; left:10%; top:-12px; font-size:21px;}

.offerNoteWrapper{border:6px solid #fff; margin: 6px;}

.offerNoteWrapper:hover{border-color:rgb(252, 111, 0);}

h3 {font-size: 18px;line-height: 1.5em;}

hr.soften {margin: 8px 0;background: #DDD;}

.moreOptopm.carousel .carousel-control,.moreOptopm.carousel .carousel-control:hover {background:transparent; }

.moreOptopm.carousel .carousel-control {border: 0; top: 50%; bottom: 0;}

.moreOptopm.carousel .carousel-control.right, .moreOptopm.carousel .carousel-control.right:hover {right:0; }

.moreOptopm.carousel .carousel-control.left, .moreOptopm.carousel .carousel-control.left:hover {left:0; }

.moreOptopm.carousel .carousel-control, .moreOptopm.carousel .carousel-control:hover {color: #000;}

.homCar{overflow:hidden;}

.navbar .brand {padding: 0px 20px 0;font-size: 37px;color: black;}

.spaceBtm{padding-bottom:8px}

#myCarousel.homCar .item img{width:100%; max-height:400px}

#myCarousel .btn {border: 0 none;border-radius: 0 0 0 0;bottom: 49px;font-size: 18px;line-height: 42px;padding: 0 28px;position: absolute;right: 0;text-shadow: 0 0 0 transparent;}

#myCarousel{position:relative; margin: 0;}

.navbar-inner {padding-left: 0;padding-right: 0;}

.thumbnail .btn{ border-radius: 0 0 0 0;}

.thumbnail h4{line-height:42px}

.thumbnail img{ max-width:100%}

.thumbnail:hover {border: 1px solid #CACACA;}

.form-horizontal.qtyFrm .control-label{text-align: left;}

.form-horizontal.qtyFrm .control-label span{font-size:18px}

.clr{clear:both;}

.moreOptopm.carousel .item img{padding:2px; border:1px solid #ddd}

.moreOptopm.carousel .item img:hover{ border:1px solid pink}

.carousel .item > img {display:inline;}

.moreOptopm{min-height:116px}

#productDetail {margin-bottom:0}

.tabWrapper{background:#fff; padding:14px; border:1px solid #ddd; border-top:0}

#productView .btn-toolbar{padding-left:3px;}

.carousel-control {border: 0px; border-radius:2px}

.carousel-control, .carousel-control:hover {background:rgba(248, 118, 16, 1); height:43px; line-height:34px; color: #fff;}

.carousel-control {top: 50%;}

.homCar h4 {background-color: #eb4800; color: #fff;padding: 11px 4px;font-size: 26px;text-transform: uppercase;float: left;width: auto;-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';opacity: 0.8;}

.homCar p span{background-color: #fff;color: #000;padding: 2px 10px;line-height: 30px;font-size: 28px;float: left;width: auto;opacity: 0.8;-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';}

.carousel-control.left{left: -15600px;}

.carousel-control.right{right: -15600px;}

.carousel:hover .carousel-control.right{right: 8px; left: auto;}

.carousel:hover .carousel-control.left{left: 8px;}

.alignR{text-align:right;}

.control-label.alignL, .alignL{text-align:left;}

.loginFrm{ margin-bottom:8px;}

.loginFrm .control-group{padding:8px 14px 0; margin-bottom:0 }

.navbar .pull-right > li > .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right {right: 0;left: auto;border-radius: 0; border-color: #ccc;}

.navbar .nav , .marginLess{margin:0}

.navbar-search .search-query {padding: 4px 14px;-moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px;line-height: 1.5em; min-width: 200px;}

.navbar-search{margin-left:6px;}

.actionList a{width:50%; font-size:11px; color:#444}

.caption p{margin:0}

.caption h4{margin:0}

.thumbnail .caption {padding: 9px;color: #555555;background: #F3F2F2;}

.footer {background-color:#222; color:#eee; padding: 28px 8px 18px; margin-top: 18px;}

.footer a{color:#bbb; font-size:12px;}

.copyright {clear: both; padding: 8px; border-top: 1px solid #CCC; font-size: 13px; background: #f2f2f2; box-shadow: 0 0 3px #B1AFAF;}

.topNav{padding: 0;border-bottom: 1px solid #CCC;background: #f2f2f2;box-shadow: 0 0 3px #B1AFAF;}

.topNav a{color:#333; font-size:12px; font-weight:bold; display:inline-block; padding:8px 4px;}

.topNav a:hover, .topNav a.active{color:#fff; background:#f89406; text-decoration:none}

.socialNw a{width:24px; height:24px; line-height:24px; display:inline-block; padding:3px; margin-top:3px; font-size:21px; border-radius:50%; background:#999; color:#fff; text-align:center; }

.cntr{text-align:center}

.cart{border:1px solid #ddd; }

#sidebar ul {margin: 0;padding: 0;}

#sidebar .alert {padding: 8px;}

#sidebar .nav a{color:#000}

#sidebar .nav a:hover{color:#f89406}

#sidebar .cart{border:1px solid #B94A48; }

#sidebar h4{margin:0; line-height:1.5em; padding:0 13px; }

#sidebar h2{font-size:21px; line-height:21px;}

#sidebar a.defaultBtn:hover, .defaultBtn:hover{color:#fff; text-decoration:none; background:#333}

#sidebar .nav a.zoomTool{color:#fff}

.thumbnail>a{display:block; text-align:center}

.carousel-caption {background: transparent;background: transparent;}

#compairTbl td{text-align:center;}

.justify{text-align:justify;}

.table td[align=right] {text-align: right;}

.thumbnail h5,.thumbnail p{text-align:center}

.bs-docs-sidenav > li > a {border: 0; border-bottom:1px solid #e5e5e5;}

.thumbnail{position:relative;}

.tag {background:url(assets/img/new.png) no-repeat 0 0; position: absolute; display:block; top: -4px;right: -18px; height:48px; width:48px;}

.np{padding:0}

.totalInCart{line-height:26px;}

.absoluteBlk{position:absolute; left:8px; top:8px; width:45%; }

.relative{position:relative}

.socialMedia .on, .socialMedia:hover .off{display:block}

.socialMedia .off, .socialMedia:hover .on{display:none}

#newProductCar .carousel-control {position: absolute;top: -48px;width: 24px;height: 24px;margin-top: 0;font-size: 16px;font-weight: bold;line-height: 1.5em;color: #ffffff;text-align: center;background: #FFA300;border: 0;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}

#newProductCar .carousel-control.right {right: 8px; left: auto;}

#newProductCar .carousel-control.left {right: 38px; left: auto;}

#newProductCar{margin-bottom:0}

.zoomTool{width:120px; height:34px; font-size:14px; font-weight:bold; line-height:34px; text-align:center; color:#fff; border-radius:2px; background:#f89406; position:absolute; left:50%; top:44%; margin-left:-60px; z-index:999; display:none}.thumbnail{background:#fff}

.zoomTool:hover{color:#fff; text-decoration:none; }

.thumbnail>a.overlay, .thumbnail>a.zoomTool {display:none;}

.shopBtn {min-height: 34px;font-size: 14px;font-weight: bold;line-height: 34px;text-align: center;color: #fff;border-radius: 2px;background: #f89406;display:inline-block;padding:0 12px;border:0;}

.defaultBtn {min-height: 34px;font-size: 14px;font-weight: bold;line-height: 34px;text-align: center;border-radius: 2px;display:inline-block;padding:0 12px;color: #666;text-decoration: none;background: #e6e6e6;border:0;}

.shopBtn:hover {color: #fff; text-decoration:none; background:#F86706}

.gotop {background-color: #000000;display: none;position: fixed;bottom: 30px;right: 30px;padding: 0px 10px 5px;color: #fff;text-decoration: none;font-size: 30px;line-height: 34px;}

.gotop:hover {color: #fff;text-decoration: none;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}

#gototop{margin-top:1px;}

#footerMenu a{ font-size:12px; text-transform:lowercase}

Related Questions

Create two java files (client and server). You will need to run two classes simu
Question #3828074
Create two java files (client and server). You will need to run two classes simu
Question #3829340
Create two linked lists and put the user input (from the keyboard) into ascendin
Question #3531801
Create two linked lists each having eight nodes…..the first list has a pointer c
Question #3937505
Create two linked lists each having ten node.the first list has a pointer called
Question #3658569
Create two overloaded functions called sumLast. The first function will take as
Question #3873369
Create two procedures: (1) SetColor receives two BYTE parameters: forecolor and
Question #3536156
Create two programs, one in Python the other in C++. In one, write the graph pro
Question #3865907
Hire Me For All Your Tutoring Needs
Integrity-first tutoring: clear explanations, guidance, and feedback.
Drop an Email at
drjack9650@gmail.com
Chat Now And Get Quote

Navigate

Previous
Create your own version of a mad-lib. Be creative on your story. Your program mu
Next
Create your own website • A website of at least 5 individual web pages • A topic

Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.