Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Untitled

By: a guest on May 8th, 2012  |  syntax: None  |  size: 7.23 KB  |  hits: 16  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1.  
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5.     <meta charset="utf-8">
  6.     <title>Kretsmesterskap i orientering 2012 - Arrangert av IL Tyrving </title>
  7.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8.     <meta name="description" content="Kretsmesterskap i orientering 2012 - Arrangert av Tyrving">
  9.     <meta name="author" content="Martin Ek">
  10.     <meta name="keywords" content="kretsmesterskap, tyrving, 2012, orientering, norge, akershus, oslo">
  11.  
  12.     <link media="screen" href="assets/css/bootstrap.css" rel="stylesheet">
  13.     <link media="screen" href="style.css" rel="stylesheet">
  14.     <script src="assets/less-1.3.0.min.js" type="text/JavaScript"></script>
  15. </head>
  16.  
  17. <body>
  18.     <div class="navbar navbar-fixed-top" >
  19.       <div class="navbar-inner">
  20.         <div class="container">
  21.          <a class="brand" href="#"><img src="img/logo.png" /> </a>
  22.           <div class="nav">
  23.             <ul class="nav">
  24.               <li class="active"><a href="index.php">Hjem</a></li>
  25.               <li><a href="deltakere.php">Deltakere</a></li>
  26.               <li><a href="resultat.php">Resultat</a></li>
  27.               <li><a href="veibeskrivelse.php">Veibeskrivelse</a></li>
  28.               <li><a href="skjema.php">Tidsskjema</a></li>
  29.               <li><a href="bilder.php">Bilder</a></li>
  30.               <li><a href="kontakt.php">Kontakt</a></li>
  31.               <li<a data-toggle="modal" href="#myModal" class="btn btn-primary btn-large">Påmelding</a></li>
  32.             </ul>
  33.           </div>
  34.         </div>
  35.       </div>
  36.     </div>
  37.  
  38.  
  39.   <div id="container">
  40.     <!-- Media Rad (Inneholder to bilder, legges det på flere bilder vil raden utvide seg, alle bildene må være akkurat like store!) -->
  41.     <div class="row">
  42.       <div class="span12">
  43.         <ul class="media-grid">
  44.           <li><a href="#"> <img src="img/grid1.jpg"/></a></li>
  45.           <li><a href="#"> <img src="img/grid2.jpg"/></a></li>
  46.         </ul><br>
  47.       </div>
  48.     </div>
  49.  
  50.     <!-- Tekst -->
  51.     <div class="row">
  52.       <div id="title"> <!--Title (den dekker 12 kolonner) -->
  53.         Kretsmesterskap Oslo/Akershus 2012
  54.         <br><br>
  55.       </div>
  56.     </div>
  57.  
  58.       <div class="row">  
  59.         <div class="span6">
  60.           <p><strong>Årets kretsmesterskap</strong> for Oslo og Akershus blir arrangert av IL Tyrving. Krets- mesterskapet tar plass i skogene rundt Øverland i Bærum, og oppmøte er dermed ved Øverland Gård. Det er parkeringsmuligheter rett i nærheten, men det er også mulighet
  61.             for og komme seg dit med buss. For nærmere veibeskrivelser, se menyen øverst.
  62.             <br><br>        
  63.           </p>
  64.           </div>
  65.  
  66.         <div class="span6"><p>
  67.           <strong>IL Tyrving</strong> er en av Norges fremste orienteringsklubber, med tilholdssted i Bærum vest for Oslo, med klubbhus på Kadettangen, og med Vestmarka og Krokskogen som “hjemmebane”.  
  68.           Tyrving er en komplett o-klubb, med stor aktivitet hele året for både bredde og elite, gjennom hele “livsløpet”  rekrutt > ungdom > junior > senior > veteran.
  69.         </p>
  70.         </div>
  71.       </div>
  72.  
  73.       <div class="row">
  74.         <div class="span12"><br>
  75.           <p>
  76.           Kretsmesterskapet er tilgjenglig for barn og voksne i alle aldere, og vi stiller i år med mange forskjellige klasser.
  77.           Det vil bli salg av mat og drikke, så ta med penger. Det er <strong>gratis</strong> og delta for alle. Alle får premie i klassen Småtroll, i resten må det kjempes om medaljene.
  78.           Turneringen vil bli åpnet med noen få ord fra IL Tyrving leder Are Njåstein klokken 12, lørdag 12. mai. For mer informasjon, se <a href="skjema.php">tidsskjema</a>.
  79.           </p>
  80.         </div>
  81.       </div>
  82.       <div class="row">
  83.         <div class="span12">
  84.           <ul class="media-grid">
  85.             <li><a href="#"><img src="img/grid3.jpg" /></a></li>
  86.           </ul>
  87.         </div>
  88.       </div>
  89.  
  90.         <div id="myModal" class="modal hide fade">
  91.         <div class="modal-header">
  92.           <button class="close" data-dismiss="modal">&times;</button>
  93.               <h3>Påmelding</h3>
  94.         </div>
  95.  
  96.       <div class="modal-body">
  97.       <form class="form-horizontal" action="process.php" id="registerform" method="post">
  98.       <fieldset>
  99.           <div class="control-group">
  100.             <label class="control-label" for="fornavn">Fornavn</label>
  101.             <div class="controls">
  102.               <input type="text" class="input-xlarge" id="fornavn" name="fornavn">
  103.             </div>
  104.           </div>
  105.  
  106.           <div class="control-group">
  107.             <label class="control-label" for="etternavn">Etternavn</label>
  108.             <div class="controls">
  109.               <input type="text" class="input-xlarge" id="etternavn" name="etternavn">
  110.             </div>
  111.           </div>
  112.          
  113.           <div class="control-group">
  114.             <label class="control-label" for="klubb">Klubb</label>
  115.             <div class="controls">
  116.               <input type="text" class="input-xlarge" id="klubb" name="klubb">
  117.             </div>
  118.           </div>
  119.  
  120.           <div class="control-group">
  121.             <label class="control-label" for="selectAlder">Alder</label>
  122.             <div class="controls">
  123.                <select id="selectAlder" name="selectAlder">
  124.                 <?php for($i=1;$i<=99;$i++) echo "<option>$i</option>";
  125.                 ?>
  126.               </select>
  127.             </div>
  128.           </div>
  129.  
  130.           <div class="control-group">
  131.             <label class="control-label" for="selectKlasse">Klasse</label>
  132.             <div class="controls">
  133.               <select id="selectKlasse" name="selectKlasse">
  134.                 <option>Småtroll</option>
  135.                 <option>Nybegynner 2,2 km</option>
  136.                 <option>Kort løype 4,2 km</option>
  137.                 <option>Lang løype 5,5 km</option>
  138.               </select>
  139.             </div>
  140.           </div>
  141.  
  142.           <div class="control-group">
  143.             <label class"control-label" for="selectKjonn">Kjønn</label>
  144.             <div class="controls">
  145.               <select id="selectKjonn" name="selectKjonn">
  146.                 <option>Kvinne</option>
  147.                 <option>Herre</option>
  148.                 </select>
  149.               </div>
  150.             </div>
  151.  
  152.           <div class="form-actions">
  153.             <button type"submit" class="btn btn-primary">Send</button>
  154.           </div>
  155.         </fieldset>
  156.       </form>
  157.       </div>
  158.     </div>
  159.   </div>
  160.     <script src="assets/js/tests/vendor/jquery.js"></script>
  161.     <script src="assets/js/bootstrap-transition.js"></script>
  162.     <script src="assets/js/bootstrap-alert.js"></script>
  163.     <script src="assets/js/bootstrap-modal.js"></script>
  164.     <script src="assets/js/bootstrap-dropdown.js"></script>
  165.     <script src="assets/js/bootstrap-scrollspy.js"></script>
  166.     <script src="assets/js/bootstrap-tab.js"></script>
  167.     <script src="assets/js/bootstrap-tooltip.js"></script>
  168.     <script src="assets/js/bootstrap-popover.js"></script>
  169.     <script src="assets/js/bootstrap-button.js"></script>
  170.     <script src="assets/js/bootstrap-collapse.js"></script>
  171.     <script src="assets/js/bootstrap-carousel.js"></script>
  172.     <script src="assets/js/bootstrap-typeahead.js"></script>
  173.    
  174.  
  175.   </body>
  176. </html>
create a new version of this paste RAW Paste Data