Advertisement
Guest User

Untitled

a guest
Nov 14th, 2014
178
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.95 KB | None | 0 0
  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.     <meta name="description" content="">
  8.     <meta name="author" content="">
  9.     <link rel="icon" href="../../favicon.ico">
  10.     <link href='http://fonts.googleapis.com/css?family=Oswald:400,300' rel='stylesheet' type='text/css'>
  11.     <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600' rel='stylesheet' type='text/css'>
  12.     <link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700' rel='stylesheet' type='text/css'>
  13.  
  14.     <title>Carousel Template for Bootstrap</title>
  15.  
  16.     <!-- Bootstrap core CSS -->
  17.     <link href="css/bootstrap.min.css" rel="stylesheet">
  18.  
  19.  
  20.     <script src="../../assets/js/ie-emulation-modes-warning.js"></script>
  21.  
  22.     <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  23.     <!--[if lt IE 9]>
  24.      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  25.      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  26.    <![endif]-->
  27.  
  28.     <!-- Custom styles for this template -->
  29.     <link href="css/carousel.css" rel="stylesheet">
  30.     <link href="css/custom.css" rel="stylesheet">
  31.   </head>
  32.   <body>
  33.         <!-- NAVBAR
  34.        ================================================== -->
  35.         <nav class="navbar navbar-inverse navbar-static-top" role="navigation">
  36.           <div class="container">
  37.             <div class="navbar-header">
  38.               <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
  39.              
  40.               </button>
  41.               <a class="navbar-brand" href="#"><img id="logo" src="img/p.png"></a>
  42.               <a class="navbar-brand" href="#"><img id="left" src="img/leftlogo.png"></a>
  43.             </div>
  44.             <div id="navbar" class="navbar-collapse collapse">
  45.               <ul class="nav navbar-nav navbar-right">
  46.                 <form class="form-inline" role="form">
  47.   <div class="form-group">
  48.     <label class="sr-only" for="beispielFeldEmail2">Email-Adresse</label>
  49.     <input type="email" class="form-control" id="beispielFeldEmail2" placeholder="Email-Adresse">
  50.   </div>
  51.  
  52.   <div class="form-group">
  53.     <label class="sr-only" for="beispielFeldPasswort2">Passwort</label>
  54.     <input type="password" class="form-control" id="beispielFeldPasswort2" placeholder="Passwort">
  55.   </div>
  56.   <div class="checkbox">
  57.     <label>
  58.       <input type="checkbox"> Remember me
  59.     </label>
  60.   </div>
  61.   <button type="submit" class="btn btn-default">Log in</button>
  62. </form>
  63.                
  64.                
  65.                   </ul>
  66.                 </li>
  67.               </ul>
  68.             </div>
  69.           </div>
  70.         </nav>
  71.  
  72.  
  73.  
  74.     <!-- Carousel
  75.    ================================================== -->
  76.     <div id="myCarousel" class="carousel slide" data-ride="carousel">
  77.       <!-- Indicators -->
  78.       <ol class="carousel-indicators">
  79.         <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
  80.       </ol>
  81.       <div class="carousel-inner" role="listbox">
  82.         <div class="item active">
  83.           <div class="container">
  84.             <div class="carousel-caption">
  85.               <h1>Welcome to .</h1>
  86.               <p style="font-size:17px;height:160px;">Find, search and have fun!</p>
  87.               <p><a class="btn btn-lg btn-primary" href="#" role="button">quick info</a></p>
  88.             </div>
  89.             <div class="slide-wrapper">
  90.               <div class="row">
  91.                
  92.                  <div class="slide-image">
  93.                   <img src="img/menandwoman.png" alt="Logos">
  94.                  </div>
  95.                </div>
  96.               </div>
  97.             </div>
  98.            
  99.           </div>
  100.         </div>
  101.  
  102.        
  103.     </div><!-- /.carousel -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement