API tools faq
paste
Advertisement
Guest User

HTML help needed

a guest
Aug 31st, 2015
2,054
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 6.27 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
  8. <title>Thassos Holidays</title>
  9.  
  10. <!-- Bootstrap -->
  11. <link href="css/bootstrap.min.css" rel="stylesheet">
  12. <link href="css/custom.css" rel="stylesheet">
  13.  
  14. <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  15. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  16. <!--[if lt IE 9]>
  17.      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  18.      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  19.    <![endif]-->
  20. <style>
  21. body {
  22.       background: url(images/IMG_1848.jpg);
  23.       background-position: center no-repeat;
  24.       background-size: cover;
  25. </style>
  26. </head>
  27. <body>
  28.     <nav id="navbar" class="navbar navbar-default navbar-static">
  29.         <div class="container-fluid" width="70%">
  30.             <div class="navbar-header">
  31.                 <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".bs-example-js-navbar-collapse">
  32.                     <span class="sr-only">Thassos Holidays</span>
  33.                     <span class="icon-bar"></span>
  34.                     <span class="icon-bar"></span>
  35.                     <span class="icon-bar"></span>
  36.                 </button>
  37.                 <a class="navbar-brand" href="index.html">Thassos Holidays</a>
  38.             </div>
  39.             <div class="collapse navbar-collapse bs-example-js-navbar-collapse">
  40.                 <ul class="nav navbar-nav">
  41.                     <li class="dropdown">
  42.                     <a id="drop1" href="#"
  43.                         class="dropdown-toggle" data-toggle="dropdown" role="button"
  44.                         aria-haspopup="true" aria-expanded="false"> Hotels <span
  45.                             class="caret"></span>
  46.                     </a>
  47.                         <ul class="dropdown-menu" aria-labelledby="drop1">
  48.                             <li><a href="hotel1.html">Hotel 1</a></li>
  49.                             <li><a href="hotel2.html">Hotel 2</a></li>
  50.                             <li><a href="hotel3.html">Hotel 3</a></li>
  51.                             <li><a href="hotel4.html">Hotel 4</a></li>
  52.                         </ul></li>
  53.                     <li class="dropdown"><a id="drop2" href="#"
  54.                         class="dropdown-toggle" data-toggle="dropdown" role="button"
  55.                         aria-haspopup="true" aria-expanded="false"> Events <span
  56.                             class="caret"></span>
  57.                     </a>
  58.                         <ul class="dropdown-menu" aria-labelledby="drop2">
  59.                             <li><a href="event1.html">Event 1</a></li>
  60.                             <li><a href="event2.html">Event 2</a></li>
  61.                             <li><a href="event3.html">Event 3</a></li>
  62.                             <li><a href="event4.html">Event 4</a></li>
  63.                         </ul></li>
  64.                                         <li class="dropdown"><a id="drop2" href="#"
  65.                         class="dropdown-toggle" data-toggle="dropdown" role="button"
  66.                         aria-haspopup="true" aria-expanded="false"> Food and Drink <span
  67.                             class="caret"></span>
  68.                     </a>
  69.                         <ul class="dropdown-menu" aria-labelledby="drop2">
  70.                             <li><a href="event1.html">Place 1</a></li>
  71.                             <li><a href="event2.html">Place 2</a></li>
  72.                             <li><a href="event3.html">Place 3</a></li>
  73.                             <li><a href="event4.html">Place 4</a></li>
  74.                         </ul></li>
  75.                 </ul>
  76.                 <ul class="nav navbar-nav navbar-right">
  77.                     <li id="fat-menu" class="dropdown"><a id="drop3" href="about.html"
  78.                         class="dropdown-toggle" data-toggle="dropdown" role="button"
  79.                         aria-haspopup="true" aria-expanded="false"> About Us <span
  80.                             class="caret"></span>
  81.                     </a>
  82.                         <ul class="dropdown-menu" aria-labelledby="drop3">
  83.                             <li><a href="#">Action</a></li>
  84.                             <li><a href="#">Another action</a></li>
  85.                             <li><a href="#">Something else here</a></li>
  86.                             <li role="separator" class="divider"></li>
  87.                             <li><a href="#">Separated link</a></li>
  88.                         </ul></li>
  89.                 </ul>
  90.             </div>
  91.             <!-- /.nav-collapse -->
  92.         </div>
  93.         <!-- /.container-fluid -->
  94.     </nav>
  95. <div class="container-fluid">
  96.     <div class="row">
  97.         <div class="col-md-12">
  98.             <div id="carousel" class="carousel slide" data-ride="carousel">
  99.             <!-- Indicators -->
  100.                 <ol class="carousel-indicators">
  101.                     <li data-target="#carousel" data-slide-to="0" class="active"></li>
  102.                     <li data-target="#carousel" data-slide-to="1"></li>
  103.                     <li data-target="#carousel" data-slide-to="2"></li>
  104.                 </ol>
  105.                 <!-- Wrapper for slides -->
  106.                 <div class="carousel-inner" role="listbox">
  107.                     <div class="item active">
  108.                         <img src="images/Beaches and Villages\Golden Beach umbrellas home.JPG" alt="...">
  109.                         <div class="carousel-caption">
  110.                             Golden Beach
  111.                         </div>
  112.                     </div>
  113.                     <div class="item">
  114.                         <img src="images/Beaches and Villages\Limenas ancient city.jpg" alt="...">
  115.                         <div class="carousel-caption">
  116.                             Limenas
  117.                         </div>
  118.                     </div>
  119.                     <div class="item">
  120.                         <img src="images/Beaches and Villages\Potos sunset.JPG" alt="...">
  121.                         <div class="carousel-caption">
  122.                             Potos
  123.                         </div>
  124.                     </div>
  125.                 </div>
  126.                 <!-- Controls -->
  127.                 <a class="left carousel-control" href="#carousel" role="button" data-slide="prev">
  128.                     <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
  129.                     <span class="sr-only">Previous</span>
  130.                 </a>
  131.                 <a class="right carousel-control" href="#carousel" role="button" data-slide="next">
  132.                     <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
  133.                     <span class="sr-only">Next</span>
  134.                 </a>
  135.             </div>
  136.         </div>
  137.                 <div id="carousel_text" class="col-md-6">
  138.             <div>
  139.                 <p>
  140.                     Thasos, an island surrounded by the crystal-clear emerald waters of the Aegean Sea is part of the Northeastern islands of
  141.                     Greece, also being the closest one to the continent. It is the perfect getaway for holidays during summer, a place where
  142.                     you can relax and enjoy your holidays, forget about all your worries on a quiet sandy beach, but also a place where you
  143.                     can explore the Greek way of life, try the best foods and meet the most amazing people.
  144.                 </p>
  145.             </div>
  146.         </div>
  147.     </div>
  148. </div>
  149.     <!-- /navbar-example -->
  150.  
  151.     <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  152.     <script
  153.         src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  154.     <!-- Include all compiled plugins (below), or include individual files as needed -->
  155.     <script src="js/bootstrap.min.js"></script>
  156. </body>
  157. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!