Difference between revisions of "Team:Calgary/HomeImposter"

(Replaced content with " <html> </tbody></table> <body> <table style="width:100%;height:100%;margin:0;padding:0;border:0;"> <tbody><tr> <td style="vertical-align:middle;text-align:center;ma...")
Line 1: Line 1:
 +
{{:Team:Calgary/NavBar}}
  
 +
<html lang="en">
 +
    <head>
 +
        <meta charset="utf-8">
 +
        <title>Team:Calgary - 2018.igem.org</title>
 +
        <meta name="viewport" content="width=device-width, initial-scale=1">
  
 +
        <!-- Styles -->
 +
        <link rel="stylesheet" href="https://2018.igem.org/Team:Calgary/WikiResetCSSImposter?action=raw&ctype=text/css">
 +
        <!-- Bootstrap 4's CSS -->
 +
        <!-- <link rel="stylesheet" href="https://2018.igem.org/Team:Calgary/BootstrapMinCSS?action=raw&ctype=text/css"> -->
 +
        <!-- Long Scroll CSS -->
 +
        <link rel="stylesheet" href="https://2018.igem.org/Team:Calgary/JQueryFullPageCSS?action=raw&ctype=text/css">
 +
        <!-- Font Awesome CSS -->
  
−
<html>
+
        <!-- 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="https://2018.igem.org/Team:Calgary/HomePageCSSImposter?action=raw&ctype=text/css">
  
−
</tbody></table>
+
        <!-- Scripts -->
−
<body>
+
  
−
<table style="width:100%;height:100%;margin:0;padding:0;border:0;">
+
        <!-- Long Scroll JS -->
−
<tbody><tr>
+
        <script src="https://2018.igem.org/Team:Calgary/JQueryMinJSImposter?action=raw&ctype=text/javascript"></script>
−
<td style="vertical-align:middle;text-align:center;margin:0;padding:0;border:0;width:100%;height:100%;">
+
        <script src="https://2018.igem.org/Team:Calgary/JQueryFullPageJSImposter?action=raw&ctype=text/javascript"></script>
−
<h1><a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ">iGEM Calgary Wiki Preview</a></h1>
+
        <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 src="https://2018.igem.org/Team:Calgary/BootstrapBundleMinJSImposter?action=raw&ctype=text/javascript"> --></script>
  
−
</td>
+
    </head>
−
</tr>
+
    <body>
−
 
+
 
−
 
+
        <!-- Content -->
−
 
+
        <div id="fullpage">
−
</body>
+
            <!-- Project Preview -->
 +
            <div class="section" id="section0">
 +
                <div class="intro" id="slide0">
 +
                    <h1>Project</h1>
 +
                    <p>Blah, blah, blah, this is our project. Yikes.</p>
 +
                </div>
 +
            </div>
 +
            <!-- Software Preview -->
 +
            <div class="section" id="section1">
 +
                <div class="intro" id="slide1">
 +
                    <h1>Software</h1>
 +
                    <p>We made a bot. It does some cool stuff.</p>
 +
                </div>
 +
            </div>
 +
            <!-- Human Practices Preview -->
 +
            <div class="section" id="section2">
 +
                <div class="intro" id="slide2">
 +
                    <h1>Human Practices</h1>
 +
                    <p>Humans were involved in the creation of this project.</p>
 +
                </div>
 +
            </div>
 +
            <!-- Social Media -->
 +
            <div class="section" id="section3">
 +
                <div class="intro" id="slide3">
 +
                    <h1>Contact Us</h1>
 +
                    <ul id="social-media-list">
 +
                        <li><a href="#"><img src="https://static.igem.org/mediawiki/2018/0/0e/T--Calgary--fb.png" style="height:2.4em"><span>Facebook</span></a></li>
 +
                        <li><a href="#"><img src="https://static.igem.org/mediawiki/2018/3/34/T--Calgary--insta.png" style="height:2.4em"></i><span>Instagram</span></a></li>
 +
                        <li><a href="#"><img src="https://static.igem.org/mediawiki/2018/8/84/T--Calgary--twitter.png" style="height:2.4em"><span>Twitter</span></a></li>
 +
                        <li><a href="#"><img src="https://static.igem.org/mediawiki/2018/4/46/T--Calgary--mail.png" style="height:2.4em"><span>Email</span></a></li>
 +
                    </ul>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </body>
 
</html>
 
</html>

Revision as of 16:19, 16 May 2018

Team:Calgary - 2018.igem.org

Project

Blah, blah, blah, this is our project. Yikes.

Software

We made a bot. It does some cool stuff.

Human Practices

Humans were involved in the creation of this project.