Difference between revisions of "Team:Calgary/HomeImposter"

(Created page with "<html lang="en"> <head> <title>Team:Calgary - 2018.igem.org</title> </head> </html>")
 
Line 1: Line 1:
 
<html lang="en">
 
<html lang="en">
 
<head>
 
<head>
−
<title>Team:Calgary - 2018.igem.org</title>
+
        <meta charset="utf-8">
−
</head>
+
        <title>Team:Calgary - 2018.igem.org</title>
 +
        <meta name="viewport" content="width=device-width, initial-scale=1">
 +
       
 +
        <!-- Styles -->
 +
       
 +
        <!-- Bootstrap 4's CSS -->
 +
        <link rel="stylesheet" href="css/BootstrapCSS/bootstrap.min.css">
 +
 
 +
        <!-- Long Scroll CSS -->
 +
        <link rel="stylesheet" href="css/LongScrollCSS/jquery.fullPage.css">
 +
        <!-- Font Awesome CSS -->
 +
       
 +
        <!-- UH OH! CDN! -->
 +
       
 +
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
 +
       
 +
        <!-- Home Page CSS -->
 +
        <link rel="stylesheet" href="HomePage.css">
 +
       
 +
        <!-- Scripts -->
 +
       
 +
        <!-- Long Scroll JS -->
 +
        <script src="js//LongScrollJS/jquery-3.3.1.min.js"></script>
 +
        <script src="js/LongScrollJS/jquery.fullpage.js"></script>
 +
        <script>
 +
            $(document).ready(function() {
 +
                $('#fullpage').fullpage({
 +
                    anchors: ['Project', 'Software', 'Human Practices', 'Contact Us'],
 +
                    sectionsColor: ['#F53240', '#F9BE02', '#02C8A7', '#AF7AC5'],
 +
                    navigation: true,
 +
                    navigationPosition: 'right',
 +
                    navigationTooltips: ['Project','Software','Human Practices', 'Contact Us'],
 +
                    css3: true,
 +
                    responsiveWidth: 750,
 +
                    responsiveHeight: 400,
 +
                    loopTop: true,
 +
                    loopBottom: true,
 +
                    afterResponsive: function(isResponsive){}
 +
                });
 +
            });
 +
        </script>
 +
        <!-- Bootstrap 4's JS -->
 +
        <script type="text/javascript" src="js/BootstrapJS/bootstrap.bundle.min.js"></script>
 +
       
 +
    </head>
 +
    <body>
 +
        <!-- Navigation Bar -->
 +
        <div id="header">
 +
            <nav class="navbar navbar-expand-md bg-light navbar-light">
 +
                <a class="navbar-brand" href="#">
 +
                    <img src="images/F_Logo.png" alt="F Logo" style="width:30%; height:auto">
 +
                </a>
 +
                <button class="navbar-toggler" type="button"data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
 +
                    <span class="navbar-toggler-icon"></span>
 +
                </button>
 +
                <div class="collapse navbar-collapse" id="navbarSupportedContent">
 +
                    <ul class="navbar-nav mr-auto">
 +
                        <li class="nav-item active">
 +
                            <a class="nav-link" href="#">Home</a>
 +
                        </li>
 +
                        <li class="nav-item active dropdown">
 +
                            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 +
                                Project
 +
                            </a>
 +
                            <div id="drop" class="dropdown-menu" aria-labelledby="navbarDropdown">
 +
                                <a class="dropdown-item" href="#">Problem</a>
 +
                                <a class="dropdown-item" href="#">Description</a>
 +
                                <a class="dropdown-item" href="#">Synthesis</a>
 +
                            </div>
 +
                        </li>
 +
                        <li class="nav-item active ">
 +
                            <a class="nav-link" href="#">Notebook</a>
 +
                        </li>
 +
                        <li class="nav-item active">
 +
                            <a class="nav-link" href="#">Team</a>
 +
                        </li>
 +
                        <li class="nav-item active">
 +
                            <a class="nav-link" href="#">Human Practices</a>
 +
                        </li>
 +
                        <li class="nav-item active">
 +
                            <a class="nav-link" href="#">Judging</a>
 +
                        </li>
 +
                    </ul>
 +
                </div>
 +
            </nav>
 +
        </div>
 +
    </body>
 
</html>
 
</html>

Revision as of 18:04, 10 May 2018

Team:Calgary - 2018.igem.org