index.html

<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>Startup Shell Dev</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">

        <link rel="stylesheet" href="css/normalize.min.css">
        <link rel="stylesheet" href="css/style.css">
        <link rel="stylesheet" href="css/960_12_col.css">

        <script src="js/vendor/modernizr-2.6.2.min.js"></script>
    </head>
    <body>
        <!--[if lt IE 7]>
            <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
        <![endif]-->

        <div id="header-wrapper">
            <header class="header clearfix floating" id="header">
                <div class="inner-header">
                    <div class="logo">
                        <a href="#welcome"><img src="img/logo.png" alt="FEARLESS"><h1>Startup Shell</h1></a>
                    </div>
                    <nav class="top-menu">
                        <ul>
                            <li><a href="#about">About</a></li>
                            <li><a href="#startups">Startups</a></li>
                            <li><a href="#people">People</a></li>
                            <li><a href="#engage">Engage</a></li>
                            <li><a href="#connect">Connect</a></li>
                        </ul>
                    </nav>
                </div> <!-- end #inner-header -->
            </header> <!-- end .header -->
        </div> <!-- end #header-wrapper -->

        <a class="anchor" id="welcome"></a>
        
        <section class="welcome">
            <div class="inner-section">

                <h2>Think. Build. Play.</h2>
                <div class="feature">
                    <iframe src="http://player.vimeo.com/video/70408127?title=0&amp;byline=0&amp;portrait=0&amp;badge=0&amp;color=a0c9ca" width="960" height="541" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
                </div>

            </div> <!-- end .inner-section -->
        </section> <!-- end section .welcome -->


        <div class="container">
            <div class="content clearfix">
                
                <section class="about">
                    <a class="anchor" id="about"></a>
                    <div class="section-title"><h1>About</h1></div>
                    <div class="inner-section">

                        <script type="text/javascript" src="http://form.jotform.co/jsform/32348455323857"></script>


                        <h2>Student Technology Collective</h2>
                        <div class="feature">
                            <img src="http://dummyimage.com/960x440/4d494d/686a82.gif&text=image+of+space" alt="image+of+space">
                        </div>
                        <p>Startup Shell advances student startups and projects while leading technology and entrepreneurship initiatives in the greater community. We strive to promote our core values of students, technology, entrepreneurship and innovation, and collaboration.</p>

                        <nav class="more-menu">
                            <p>more:</p>
                            <ul>
                                <li><a href="#">Who We Are</a></li>
                                <li><a href="#">Story</a></li>
                                <li><a href="#">The Space</a></li>
                                <li><a href="#">Resources</a></li>
                            </ul>
                        </nav>

                    </div> <!-- end .inner-section -->
                </section> <!-- end section .about -->

                <section class="startups">
                    <a class="anchor" id="startups"></a>
                    <div class="section-title"><h1>Startups</h1></div>
                    <div class="inner-section">

                        <h2>Home to diverse ventures</h2>

                        <div class="startup-grid container_12">
                            <a href="#" target="_blank"><img class="grid_3" src="img/startups/logo-ventureboard.png"></a>
                            <a href="#" target="_blank"><img class="grid_3" src="img/startups/logo-paralleltracks.png"></a>
                            <a href="#" target="_blank"><img class="grid_3" src="img/startups/logo-evlove.png"></a>
                            <a href="#" target="_blank"><img class="grid_3" src="img/startups/logo-jhilmediadesign.png"></a>
                            <a href="#" target="_blank"><img class="grid_3" src="img/startups/logo-frn.png"></a>
                            <a href="#" target="_blank"><img class="grid_3" src="img/startups/logo-arcadeglass.png"></a>
                            <a href="#" target="_blank"><img class="grid_3" src="img/startups/logo-512.png"></a>
                            <a href="#" target="_blank"><img class="grid_3" src="img/startups/logo-sweetbuds.png"></a>
                        </div>

                        <nav class="more-menu">
                            <p>more:</p>
                            <ul>
                                <li><a href="#">Startup bios</a></li>
                                <li><a href="#">Hacks</a></li>
                            </ul>
                        </nav>

                    </div> <!-- end .inner-section -->
                </section> <!-- end section .startups -->


                <section class="people">
                    <a class="anchor" id="people"></a>
                    <div class="section-title"><h1>People</h1></div>
                    <div class="inner-section">

                        <h2>These people are building something great</h2>
                        <div class="feature">
                            <img src="http://dummyimage.com/960x440/4d494d/686a82.gif&text=image+of+students+being+sillay" alt="image+of+students+being+sillay">
                        </div>
                        <p>Our students are absolutely crazy. With different backgrounds, experience levels, skills, and interests, members bring a lot to the table for collaboration and knowledge sharing. Get in on the action.</p>

                        <h2>We &#60;3 our support network</h2>
                        <div class="feature">
                            <img src="http://dummyimage.com/960x440/4d494d/686a82.gif&text=image+of+students+being+sillay" alt="image+of+students+being+sillay">
                        </div>
                        <p>We have a great team of sponsors, mentors, and partners to help us out in the journey. Their advice and resources are invaluable to students in all stages of development, from ideation to operations.</p>

                        <nav class="more-menu">
                            <p>more:</p>
                            <ul>
                                <li><a href="#">Students</a></li>
                                <li><a href="#">Sponsors</a></li>
                                <li><a href="#">Mentors</a></li>
                                <li><a href="#">Partners</a></li>
                            </ul>
                        </nav>

                    </div> <!-- end .inner-section -->
                </section> <!-- end section .people -->

                <section class="engage">
                    <a class="anchor" id="engage"></a>
                    <div class="section-title"><h1>Engage</h1></div>
                    <div class="inner-section">

                        <h2>Become a member</h2>
                        <p>Join our awesome crew of cool people making cool things. We are looking to people who can contribute on multiple levels: individual, project, organization, and community. View the application for more details.</p>
                        <div class="apply-button"><a href="#">Big ol' apply button</a></div>


                        <h2>Take part in events</h2>
                        <p>All events are wide open for everyone to come learn something new! While we are committed to advancing our member projects, it is equally important for us to empower students and the Maryland community. Come one, come all!</p>

                        <div class="event-wrapper">
                            <div class="event-block container_12"><a href="#">
                                <div class="event-date grid_2 alpha">
                                    <span class="event-month">September</span>
                                    <span class="event-day">18</span>
                                </div>
                                <div class="event-details grid_10">
                                    <div class="event-title clearfix">
                                        <h2 class="event-name">First Look Fair</h2>
                                        <p class="event-location">McKeldin Mall</p>
                                    </div>
                                    <p class="event-description clearfix">First Look Fair is one of the longest running involvement traditions at the University of Maryland.  The event is host to more than 500 student clubs and organizations, campus departments and services, local vendors.</p>
                                </div>
                            </a></div>
                            <div class="event-block container_12"><a href="#">
                                <div class="event-date grid_2 alpha">
                                    <span class="event-month">September</span>
                                    <span class="event-day">20</span>
                                </div>
                                <div class="event-details grid_10">
                                    <div class="event-title clearfix">
                                        <h2 class="event-name">First Look Fair</h2>
                                        <p class="event-location">McKeldin Mall</p>
                                    </div>
                                    <p class="event-description clearfix">First Look Fair is one of the longest running involvement traditions at the University of Maryland.  The event is host to more than 500 student clubs and organizations, campus departments and services, local vendors.</p>
                                </div>
                            </a></div>
                            <div class="event-block container_12"><a href="#">
                                <div class="event-date grid_2 alpha">
                                    <span class="event-month">September</span>
                                    <span class="event-day">20</span>
                                </div>
                                <div class="event-details grid_10">
                                    <div class="event-title clearfix">
                                        <h2 class="event-name">First Look Fair</h2>
                                        <p class="event-location">McKeldin Mall</p>
                                    </div>
                                    <p class="event-description clearfix">First Look Fair is one of the longest running involvement traditions at the University of Maryland.  The event is host to more than 500 student clubs and organizations, campus departments and services, local vendors.</p>
                                </div>
                            </a></div>
                            <div class="event-block container_12"><a href="#">
                                <div class="event-date grid_2 alpha">
                                    <span class="event-month">September</span>
                                    <span class="event-day">20</span>
                                </div>
                                <div class="event-details grid_10">
                                    <div class="event-title clearfix">
                                        <h2 class="event-name">First Look Fair</h2>
                                        <p class="event-location">McKeldin Mall</p>
                                    </div>
                                    <p class="event-description clearfix">First Look Fair is one of the longest running involvement traditions at the University of Maryland.  The event is host to more than 500 student clubs and organizations, campus departments and services, local vendors.</p>
                                </div>
                            </a></div>
                        </div>

                        <nav class="more-menu">
                            <p>more:</p>
                            <ul>
                                <li><a href="#">Apply</a></li>
                                <li><a href="#">Events</a></li>
                                <li><a href="#">Become a sponsor</a></li>
                                <li><a href="#">Become a mentor</a></li>
                            </ul>
                        </nav>

                    </div> <!-- end .inner-section -->
                </section> <!-- end section .engage -->

                <section class="connect">
                    <a class="anchor" id="connect"></a>
                    <div class="section-title"><h1>Connect</h1></div>
                    <div class="inner-section">
                        <h2>See you around the block</h2>
                        <p>Email, Twitter, Facebook</p>
                        <nav class="more-menu">
                            <p>more:</p>
                            <ul>
                                <li><a href="#">Contact</a></li>
                                <li><a href="#">Blog</a></li>
                            </ul>
                        </nav>

                    </div> <!-- end .inner-section -->
                </section> <!-- end section .engage -->

                <footer>
                    <p>&copy; 2013 Startup Shell, University of Maryland</p>
                </footer>

            </div> <!-- end .content -->
        </div> <!-- end .container -->

        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.1.min.js"><\/script>')</script>

        <script src="js/script.js"></script>


        <script src="js/plugins.js"></script>
        <script src="js/main.js"></script>

        <script>
            var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
            (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
            g.src='//www.google-analytics.com/ga.js';
            s.parentNode.insertBefore(g,s)}(document,'script'));
        </script>
    </body>
</html>