Difference between revisions of "Team:UCopenhagen"

Line 1: Line 1:
 
{{template:Copenhagen-Header}}
 
{{template:Copenhagen-Header}}
  
−
<html>
+
 
−
<style>
+
<!DOCTYPE HTML>
−
  .video {
+
<html lang="en">
−
      width: 100% !important;
+
 
−
      }
+
<head>
−
  .myintro {
+
 
−
      display: table;
+
    <meta charset="utf-8">
−
      width: 100%;
+
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
−
      height: 100%;
+
    <meta name="viewport" content="width=device-width, initial-scale=1">
−
      padding: 100px 0;
+
    <meta name="description" content="">
−
      text-align: center;
+
    <meta name="author" content="">
−
      color: black;
+
 
−
      background: url("https://static.igem.org/mediawiki/2017/6/65/UCopenhagen_Frontpage.jpeg") no-repeat bottom center scroll;
+
    <title>Dansk Lacrosse Forbund</title>
−
      background-color: #7DB6A0;
+
 
−
      -webkit-background-size: cover;
+
    <!-- Bootstrap Core CSS -->
−
      -moz-background-size: cover;
+
    <link href="css/bootstrap.min.css" rel="stylesheet">
−
      background-size: cover;
+
 
−
      -o-background-size: cover;
+
    <!-- Custom CSS -->
−
     }
+
    <link href="css/landing-page.css" rel="stylesheet">
−
     .myintro .myintro-body {
+
   
−
      display: table-cell;
+
    <!-- Custom JS -->
−
      vertical-align: middle;
+
     <script src="js/twitter.js"></script>
−
     }
+
 
−
     .myintro .myintro-body .brand-heading {
+
     <!-- Custom Fonts -->
−
      font-size: 40px;
+
     <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
−
    }
+
     <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
−
     .myintro .myintro-body .myintro-text {
+
 
−
      font-size: 18px;
+
     <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
−
      font-family: Tahoma, Geneva, sans-serif;
+
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
−
     }
+
     <!--[if lt IE 9]>
−
</style>
+
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
−
<div id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
+
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
−
     <!-- One-Page Scroll NavBar -->
+
     <![endif]-->
−
     <nav class="navbar scrollnav-custom navbar-fixed-bottom" role="navigation" id="scrollnav">
+
 
−
         <div class="container">
+
</head>
 +
 
 +
<body>
 +
   
 +
    <!-- Navigation -->
 +
     <nav class="navbar navbar-default navbar-fixed-top topnav" role="navigation">
 +
         <div class="container topnav">
 +
            <!-- Brand and toggle get grouped for better mobile display -->
 
             <div class="navbar-header">
 
             <div class="navbar-header">
−
                 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
+
                 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
−
                     Menu <i class="fa fa-bars"></i>
+
                     <span class="sr-only">Toggle navigation</span>
 +
                    <span class="icon-bar"></span>
 +
                    <span class="icon-bar"></span>
 +
                    <span class="icon-bar"></span>
 
                 </button>
 
                 </button>
−
                 <a class="navbar-brand" target="_blank"  href="https://https://www.facebook.com/iGEMCopenhagen/">
+
               
−
                    <img src="https://static.igem.org/mediawiki/2017/6/67/T--BOKU-Vienna--fb2.png" alt="Facebook" >
+
                 <a class="navbar-brand topnav" href="index.html">
−
                </a>
+
                <img class="logo-navigation" border="0" alt="DLF-logo" src="img/dlf-logo.png" width="120" height="120" alt="">
−
                <a class="navbar-brand" target="_blank" href="https://twitter.com/iGEM_Copenhagen">
+
−
                    <img src="https://static.igem.org/mediawiki/2017/1/15/T--BOKU-Vienna--twitter.png" alt="Twitter" >
+
 
                 </a>
 
                 </a>
 
             </div>
 
             </div>
−
 
 
             <!-- Collect the nav links, forms, and other content for toggling -->
 
             <!-- Collect the nav links, forms, and other content for toggling -->
−
             <div class="collapse navbar-collapse navbar-right navbar-main-collapse">
+
             <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
−
                 <ul class="nav navbar-nav">
+
                 <ul class="nav navbar-nav navbar-right">
−
                    <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
+
 
                     <li>
 
                     <li>
−
                         <a class="page-scroll" href="#">Top</a>
+
                         <a href="landsholdet.html">Landsholdet</a>
 
                     </li>
 
                     </li>
 
                     <li>
 
                     <li>
−
                         <a class="page-scroll" href="#Welcome">Welcome</a>
+
                         <div class="dropdown">
 +
                            <button class="dropbtn">Klubber</button>
 +
                            <div class="dropdown-content">
 +
                                <a href="cph.html">København</a>
 +
                                <a href="odense.html">Odense</a>
 +
                                <a href="aarhus.html">Århus</a>
 +
                            </div>
 +
                        </div>
 +
                    </li>
 +
                    <li>
 +
                        <a href="arrangementer.html">Arrangementer</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="kontakt.html">Kontakt</a>
 
                     </li>
 
                     </li>
 
                 </ul>
 
                 </ul>
Line 65: Line 84:
 
     </nav>
 
     </nav>
  
−
     <!-- myintro Header -->
+
 
−
     <header class="myintro">
+
     <!-- Header -->
−
        <div class="myintro-body">
+
    <a name="Forside"></a>
−
            <div class="container">
+
     <header id="df-header" role="banner" style="background-image: url('<?php header_image(); ?>');">
−
                <div class="row">
+
    <video autoplay loop poster="img/dansk-lacrosse.jpg" id="bg-video">
−
                    <div class="col-md-8 col-md-offset-2">
+
    <source src="img/dansk-lacrosse.webm" type="video/webm">
−
                        <h1 class="brand-heading"></h1>
+
    <source src="img/dansk-lacrosse.mp4" type="video/mp4">
−
                         <p class="myintro-text">
+
    </video>
−
                            <br></p>
+
    <div class="home">
−
                        <a href="#Welcome" class="page-scroll">
+
        <div class="container">
−
                          <div id="downarrow">
+
            <div class="row">
−
                             <img src="https://static.igem.org/mediawiki/2017/3/32/T--BOKU-Vienna--arrow.png" alt="V">
+
                <div class="col-lg-12">
−
                          </div>
+
                    <div class="intro-message">
−
                         </a>
+
                        <h1>DANSK LACROSSE FORBUND</h1>
 +
                         <h3>Til dig der vil vide mere om lacrosse i Danmark</h3>
 +
                        <hr class="intro-divider">
 +
                        <ul class="list-inline intro-social-buttons">
 +
                            <li>
 +
                                <a href="cph.html" class="btn btn-default btn-lg"> <span class="network-name"><b>København</b></span></a>
 +
                             </li>
 +
                            <li>
 +
                                <a href="aarhus.html" class="btn btn-default btn-lg"> <span class="network-name"><b>Århus</b></span></a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="odense.html" class="btn btn-default btn-lg"> <span class="network-name"><b>Odense</b></span></a>
 +
                            </li>
 +
                         </ul>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 +
 
         </div>
 
         </div>
−
    </header>
+
        <!-- /.container -->
  
−
     <!-- About Section -->
+
    </div>
−
     <section class="container content-section text-center">
+
     <!-- /.intro-header -->
−
         <div class="row" id="Welcome" >
+
 
−
            <div class="col-lg-8 col-lg-offset-2">
+
     <!-- Page Content -->
−
                <p> <br><br></p>
+
 
−
                <h2>Welcome.</h2>
+
<a  name="klubber"></a>
−
                 <p> <br> Our Wiki is still under construction.  
+
    <div class="content-section-a">
−
</p>
+
         <div class="container">
 +
            <div class="row">
 +
                <div class="col-lg-5 col-sm-6">
 +
                    <hr class="section-heading-spacer">
 +
                    <div class="clearfix"></div>
 +
                    <h2 class="section-heading">Lacrosse i Danmark</h2>
 +
                    <p class="lead">I Danmark har vi i øjeblikket 3 klubber, som ligger i henholdsvis Århus, Odense og København. Klubberne er altid glade for nye medlemmer, så kunne du tænke dig at starte til lacrosse eller bare få mere information omkring sporten, så hold dig endelig ikke tilbage med at kontakte os. Alle er velkomne.
 +
                    <br> <br>
 +
                    På denne side kan du også finde information omkring kampe og turneringer, hvilke arrangementer vi tilbyder samt vores sociale medieprofiler.</p>
 +
                 </div>
 +
                <div class="col-lg-5 col-lg-offset-2 col-sm-6">
 +
                    <img class="img-responsive" src="img/dlf-logo.png" alt="">
 +
                </div>
 
             </div>
 
             </div>
 +
 
         </div>
 
         </div>
−
     </section>
+
        <!-- /.container -->
 +
 
 +
     </div>
 +
    <!-- /.content-section-a -->
 +
       
 +
    <div class="content-section-b">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-lg-5 col-lg-offset-1 col-sm-push-6  col-sm-6">
 +
                    <hr class="section-heading-spacer">
 +
                    <div class="clearfix"></div>
 +
                    <h2 class="section-heading">Kontakt os</h2>
 +
                    <p class="lead"><i class="fa fa-facebook-square fa-fw"></i>  DLF på facebook: <a target="_blank" href="https://www.facebook.com/DanishLacrosseTeam/">Dansk Lacrosse Forbund</a><br><br>
 +
                        <i class="fa fa-instagram fa-fw"></i>  Instagram: <a target="_blank" href="https://www.instagram.com/danishlacrosse/">@danishlacrosse</a> <br> <br>
 +
                        <i class="fa fa-envelope fa-fw"></i>  E-mail: <a href="mailto:info@danishlacrosse.com?Subject= " target="_top">info@danishlacrosse.com</a> <br> <br>
 +
                    <i class="fa fa-map-marker fa-fw"></i>  Find os: Kalmargade 33, 3. tv. <br>
 +
                    8200 Århus N <br><br></p>
 +
                    </div>
 +
                    <div class="col-lg-6 col-sm-pull-6  col-sm-6">
 +
                    <div class="map-responsive">
 +
                    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2220.634490674556!2d10.193838951448804!3d56.18071098057507!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x464c3fcc2bc05a8d%3A0xc8cf7473ce8c9648!2sKalmargade+33%2C+8200+Aarhus+N!5e0!3m2!1sda!2sdk!4v1493208548050" frameborder="0" style="border:0" allowfullscreen></iframe>
 +
                    </div>
 +
                </div>
 +
                </div>
 +
            </div>
 +
        <!-- /.container -->
 +
    </div>
 +
  <div class="content-section-a">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-lg-5 col-lg-offset-1 col-sm-push-6  col-sm-6">
 +
                   
 +
                    <a class="twitter-timeline" href="https://twitter.com/DanishLacrosse" data-widget-id="679621716017057792">Tweets by @DanishLacrosse</a>
 +
                    <script async src="https://platform.twitter.com/widgets.js"></script>
 +
                   
 +
                </div>
 +
                <div class="col-lg-6 col-sm-pull-6  col-sm-6">
 +
                <div class="fb-page" data-href="https://www.facebook.com/danishlacrosse/?fref=ts" data-tabs="timeline" data-width="500" data-height="500" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/danishlacrosse/?fref=ts" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/danishlacrosse/?fref=ts">Dansk Lacrosse Forbund - Danish Lacrosse Federation</a></blockquote></div>
 +
 
 +
                   
 +
            </div>
 +
               
 +
            </div>
 +
       
 +
 
 +
        </div>
 +
        <!-- /.container -->
 +
 
 +
    </div>
 +
    <!-- /.content-section-a -->
 +
       
 +
       
 +
      <!-- /.content-section-a --> 
 +
 
 +
<a  name="arrangementer"></a>
 +
    <div class="banner">
 +
 
 +
        <div class="container">
 +
 
 +
            <div class="row">
 +
                <div class="col-lg-6">
 +
                    <h2>Find DLF her:</h2>
 +
                </div>
 +
                <div class="col-lg-6">
 +
                    <ul class="list-inline banner-social-buttons">
 +
                        <li>
 +
                            <a href="https://twitter.com/danishlacrosse" target="_blank" class="btn btn-default btn-lg"><i class="fa fa-twitter fa-fw"></i> <span class="network-name">Twitter</span></a>
 +
                        </li>
 +
                        <li>
 +
                            <a href="https://www.facebook.com/DanishLacrosseTeam/" target="_blank" class="btn btn-default btn-lg"><i class="fa fa-facebook fa-fw"></i> <span class="network-name">Facebook</span></a>
 +
                        </li>
 +
                        <li>
 +
                            <a href="https://www.instagram.com/danishlacrosse/" target="_blank" class="btn btn-default btn-lg"><i class="fa fa-instagram fa-fw"></i> <span class="network-name">Instagram</span></a>
 +
                        </li>
 +
                    </ul>
 +
                </div>
 +
            </div>
 +
 
 +
        </div>
 +
        <!-- /.container -->
 +
 
 +
    </div>
 +
                   
 +
    <!-- /.banner -->
 +
 
 +
    <!-- Footer -->
 +
    <footer>
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-lg-12">
 +
                    <ul class="list-inline">
 +
                        <li>
 +
                            <a href="index.html">Forside</a>
 +
                        </li>
 +
                        <li class="footer-menu-divider">&sdot;</li>
 +
                        <li>
 +
                            <a href="landsholdet.html">Landsholdet</a>
 +
                        </li>
 +
                        <li class="footer-menu-divider">&sdot;</li>
 +
                        <li>
 +
                            <a href="klubber.html">Klubber</a>
 +
                        </li>
 +
                        <li class="footer-menu-divider">&sdot;</li>
 +
                        <li>
 +
                            <a href="arrangementer.html">Arrangementer</a>
 +
                        </li>
 +
                        <li class="footer-menu-divider">&sdot;</li>
 +
                        <li>
 +
                            <a href="kontakt.html">Kontakt</a>
 +
                        </li>
 +
                    </ul>
 +
                    <p class="copyright text-muted small">Copyright &copy; Dansk Lacrosse Forbund 2017. All Rights Reserved</p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </footer>
 +
 
 +
    <!-- jQuery -->
 +
    <script src="js/jquery.js"></script>
 +
 
 +
    <!-- Bootstrap Core JavaScript -->
 +
    <script src="js/bootstrap.min.js"></script>
 +
 
 +
</body>
  
−
   
 
 
</html>
 
</html>

Revision as of 11:52, 3 September 2017


<!DOCTYPE HTML> Dansk Lacrosse Forbund