daily pastebin goal
16%
SHARE
TWEET

Untitled

a guest Mar 20th, 2019 59 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="no">
  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, shrink-to-fit=no">
  7.   <meta http-equiv="x-ua-compatible" content="ie=edge">
  8. <title>Bootstrap</title>
  9.   <link rel="stylesheet" href="css/bootstrap.min.css">
  10.         <link href="css/custom.css" rel="stylesheet">
  11.    
  12.     </head>
  13.     <body>
  14.        
  15.     <!-- Nabar begin -->    
  16.        
  17.         <nav class="navbar navbar-expand-md bg-dark navbar-dark">
  18.         <a class="navbar-brand" href="#">Håkons Nettsted.</a>
  19.         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
  20.             <span class="navbar-toggler-icon"></span>
  21.             </button>
  22.             <div class="collapse navbar-collapse" id="collapsibleNavbar">
  23.             <ul class="navbar-nav">
  24.                 <li class="nav-item">
  25.                     <a class="nav-link" href="https://www.w3schools.com/bootstrap/bootstrap_theme_me.asp">W3schools</a>
  26.                 </li>
  27.                 <li class="nav-item">
  28.                     <a class="nav-link" href="https://www.lynda.com/">Lynda</a>
  29.                 </li>
  30.                 <li class="nav-item">
  31.                     <a class="nav-link" href="http://agder-ikt80.uia.no/haakkk18/">haakkk18</a>
  32.                     </li>    
  33.                 </ul>
  34.             </div>  
  35.     </nav>
  36.        
  37.          <!-- Nabar End -->  
  38.        
  39.         <div class="container">
  40.            
  41.             <!-- Container1 -->  
  42.     <div class="container-bg-1 text-center">
  43.                 <!-- Head -->
  44. <div class="Head-Image">
  45. <img class="img-fluid rounded-circle" src="https://2.bp.blogspot.com/-5p-gBxXkp04/V9652M_QM7I/AAAAAAAAQVc/404JZ7SR-r8OWRLYorqJ7LWvi-nhg8Z1ACEw/s1600/Gra%25CC%258Aspurv%2B9.jpg"
  46. alt="Bilde av en spurv." width="400">
  47. </div>
  48. <br>
  49. <p>Mitt navn er Håkon Kjær Krøger, og dette er min obligatoriske Bootstrap oppgave.</p>
  50.            
  51. </div>
  52.            
  53.             <!-- Row Beginning -->
  54.            
  55. <div class="row">
  56.  
  57. <!--Col-1-->
  58. <div class=" col-lg-3 col-sm-6 col-12">
  59.   <div class="card">
  60. <img class="card-img-top" src="https://media.snl.no/system/images/4574/standard_graaspurv_istock_000000947103.jpg" alt="Bilde av en spurv">
  61. <h4 class="card-title"> Overskrift</h4>
  62. <p class="card-text"> Hallo, Mitt navn er Håkon. </p>
  63. <a href="#" class="btn btn-dark">Se profil.</a>
  64.     </div>
  65.     </div>
  66. <!--Col-1-->
  67.                
  68.                    
  69. <!-- Col2 -->
  70. <div class="col-lg-3 col-sm-6 col-12">
  71. <h3>Overtekst</h3>
  72. <!--Google map-->
  73. <div id="map-container-google-1" class="z-depth-1-half map-container" style="height: 250px"><iframe src="https://maps.google.com/maps?q=manhatan&t=&z=13&ie=UTF8&iwloc=&output=embed" frameborder="0"style="border:0" allowfullscreen></iframe>
  74. </div>
  75.  
  76. <!--Google Maps-->
  77.                    
  78. </div>
  79.  <!-- Col3 -->
  80. <div class="col-lg-3 col-sm-6 col-12">
  81. <h3>Overtekst</h3>
  82. </div>
  83.                    
  84. <!-- Col4 -->
  85. <div class="col-lg-3 col-sm-6 col-12">
  86. <h3> Overtekst</h3>
  87. </div>
  88.                
  89. </div>
  90.         <!-- Row End -->
  91.            
  92.            
  93.         <!-- Footer Beginning -->
  94.            
  95. <footer class="container-fluid text-center bg-dark text-white">
  96. <p> Laget av Håkon Kjær krøger.</p>
  97. </footer>
  98.        
  99.        
  100. </div><!-- container -->
  101.        
  102.         <script src="js/jquery.slim.min.js"></script>
  103.         <script src="js/popper.min.js"></script>
  104.         <script src="js/bootstrap.min.js"></script>
  105.     </body>
  106. </html>
RAW Paste Data
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
 
Top