Difference between revisions of "Team:Madrid-OLM/Team"

Line 1: Line 1:
 
{{Madrid-OLM/1}}
 
{{Madrid-OLM/1}}
−
<html>
+
<html lang="en">
 +
    <head>
 +
        <meta charset="utf-8">
 +
        <title>Madrid-OLM:Team</title>
 +
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
        <meta name="description" content="Presentation of the team members">
 +
       
 +
        <link href="https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,400i,500,600,700%7CMerriweather:300,300i" rel="stylesheet">
 +
        <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 +
    </head>
 +
    <body class=" ">
 +
        <a id="start"></a>
  
−
<div class="column two_thirds_size" >
+
        <div class="main-container">
−
 
+
            <section class="text-center imagebg space--lg" data-overlay="3">
−
<h1>Team</h1>
+
                <div class="background-image-holder">
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
                    <img alt="background" src="img/cowork-1.jpg" />
−
 
+
                </div>
−
 
+
                <div class="container">
−
<h3>What should this page contain?</h3>
+
                    <div class="row">
−
<ul>
+
                        <div class="col-md-8 col-lg-6">
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
                            <h1>Meet The Makers</h1>
−
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
                            <p class="lead">
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
                                An innovative collective of like-minded folks making useful and enduring technology products
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
                            </p>
−
</ul>
+
                        </div>
−
</div>
+
                    </div>
−
 
+
                    <!--end of row-->
−
 
+
                </div>
−
 
+
                <!--end of container-->
−
<div class="column third_size" >
+
            </section>
−
<div class="highlight decoration_A_full">
+
            <section class="switchable feature-large">
−
<h3>Inspiration</h3>
+
                <div class="container">
−
<p>You can look at what other teams did to get some inspiration! <br />
+
                    <div class="row justify-content-around">
−
Here are a few examples:</p>
+
                        <div class="col-md-6">
−
<ul>
+
                            <img alt="Image" class="border--round" src="img/avatar-wide-3.jpg" />
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">2014 METU Turkey </a></li>
+
                        </div>
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">2014 Colombia</a></li>
+
                        <div class="col-md-6 col-lg-5">
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">2014 Stony Brook</a></li>
+
                            <div class="switchable__text">
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">2014 OUC-China</a></li>
+
                                <div class="text-block">
−
</ul>
+
                                    <h2>Cass Simmons</h2>
−
</div>
+
                                    <span>Co-Founder &amp; Designer</span>
−
</div>
+
                                </div>
 +
                                <p class="lead">
 +
                                    Launching an attractive and scalable website quickly and affordably is important for modern startups &mdash; Stack offers massive value without looking 'bargain-bin'.
 +
                                </p>
 +
                                <ul class="social-list list-inline list--hover">
 +
                                    <li>
 +
                                        <a href="#">
 +
                                            <i class="socicon socicon-mail icon icon--xs"></i>
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="#">
 +
                                            <i class="socicon socicon-google icon icon--xs"></i>
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="#">
 +
                                            <i class="socicon socicon-twitter icon icon--xs"></i>
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="#">
 +
                                            <i class="socicon socicon-instagram icon icon--xs"></i>
 +
                                        </a>
 +
                                    </li>
 +
                                </ul>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <!--end of row-->
 +
                </div>
 +
                <!--end of container-->
 +
            </section>
 +
            <section class="switchable switchable--switch feature-large">
 +
                <div class="container">
 +
                    <div class="row justify-content-around">
 +
                        <div class="col-md-6">
 +
                            <img alt="Image" class="border--round" src="img/avatar-wide-4.jpg" />
 +
                        </div>
 +
                        <div class="col-md-6 col-lg-5">
 +
                            <div class="switchable__text">
 +
                                <div class="text-block">
 +
                                    <h2>Lucille Vogel</h2>
 +
                                    <span>Co-Founder &amp; Developer</span>
 +
                                </div>
 +
                                <p class="lead">
 +
                                    Launching an attractive and scalable website quickly and affordably is important for modern startups &mdash; Stack offers massive value without looking 'bargain-bin'.
 +
                                </p>
 +
                                <ul class="social-list list-inline list--hover">
 +
                                    <li>
 +
                                        <a href="#">
 +
                                            <i class="socicon socicon-mail icon icon--xs"></i>
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="#">
 +
                                            <i class="socicon socicon-google icon icon--xs"></i>
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="#">
 +
                                            <i class="socicon socicon-twitter icon icon--xs"></i>
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="#">
 +
                                            <i class="socicon socicon-instagram icon icon--xs"></i>
 +
                                        </a>
 +
                                    </li>
 +
                                </ul>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <!--end of row-->
 +
                </div>
 +
                <!--end of container-->
 +
            </section>
 +
            <section class="switchable feature-large">
 +
                <div class="container">
 +
                    <div class="row justify-content-around">
 +
                        <div class="col-md-6">
 +
                            <img alt="Image" class="border--round" src="img/avatar-wide-1.jpg" />
 +
                        </div>
 +
                        <div class="col-md-6 col-lg-5">
 +
                            <div class="switchable__text">
 +
                                <div class="text-block">
 +
                                    <h2>Cameron Trembath</h2>
 +
                                    <span>Front-End Developer</span>
 +
                                </div>
 +
                                <p class="lead">
 +
                                    Launching an attractive and scalable website quickly and affordably is important for modern startups &mdash; Stack offers massive value without looking 'bargain-bin'.
 +
                                </p>
 +
                                <ul class="social-list list-inline list--hover">
 +
                                    <li>
 +
                                        <a href="#">
 +
                                            <i class="socicon socicon-mail icon icon--xs"></i>
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="#">
 +
                                            <i class="socicon socicon-google icon icon--xs"></i>
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="#">
 +
                                            <i class="socicon socicon-twitter icon icon--xs"></i>
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="#">
 +
                                            <i class="socicon socicon-instagram icon icon--xs"></i>
 +
                                        </a>
 +
                                    </li>
 +
                                </ul>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <!--end of row-->
 +
                </div>
 +
                <!--end of container-->
 +
            </section>
 +
            <section class="switchable switchable--switch feature-large">
 +
                <div class="container">
 +
                    <div class="row justify-content-around">
 +
                        <div class="col-md-6">
 +
                            <img alt="Image" class="border--round" src="img/avatar-wide-2.jpg" />
 +
                        </div>
 +
                        <div class="col-md-6 col-lg-5">
 +
                            <div class="switchable__text">
 +
                                <div class="text-block">
 +
                                    <h2>Jacob Tran</h2>
 +
                                    <span>Graphic Designer</span>
 +
                                </div>
 +
                                <p class="lead">
 +
                                    Launching an attractive and scalable website quickly and affordably is important for modern startups &mdash; Stack offers massive value without looking 'bargain-bin'.
 +
                                </p>
 +
                                <ul class="social-list list-inline list--hover">
 +
                                    <li>
 +
                                        <a href="#">
 +
                                            <i class="socicon socicon-mail icon icon--xs"></i>
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="#">
 +
                                            <i class="socicon socicon-google icon icon--xs"></i>
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="#">
 +
                                            <i class="socicon socicon-twitter icon icon--xs"></i>
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="#">
 +
                                            <i class="socicon socicon-instagram icon icon--xs"></i>
 +
                                        </a>
 +
                                    </li>
 +
                                </ul>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <!--end of row-->
 +
                </div>
 +
                <!--end of container-->
 +
            </section>
 +
            <section class="text-center bg--secondary">
 +
                <div class="container">
 +
                    <div class="row justify-content-center">
 +
                        <div class="col-md-8 col-lg-6">
 +
                            <div class="cta">
 +
                                <h2>We're always looking for talent</h2>
 +
                                <p class="lead">
 +
                                    Got what it takes to work with us? Great! Send us a link to your resumé or portfolio to become part of our talent pool.
 +
                                </p>
 +
                                <a class="btn btn--primary type--uppercase" href="#">
 +
                                    <span class="btn__text">
 +
                                        See Job Openings
 +
                                    </span>
 +
                                </a>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <!--end of row-->
 +
                </div>
 +
                <!--end of container-->
 +
            </section>
 +
            <footer class="footer-3 text-center-xs space--xs ">
 +
                <div class="container">
 +
                    <div class="row">
 +
                        <div class="col-md-6">
 +
                            <img alt="Image" class="logo" src="img/logo-dark.png" />
 +
                            <ul class="list-inline list--hover">
 +
                                <li class="list-inline-item">
 +
                                    <a href="#">
 +
                                        <span class="type--fine-print">Get Started</span>
 +
                                    </a>
 +
                                </li>
 +
                                <li class="list-inline-item">
 +
                                    <a href="#">
 +
                                        <span class="type--fine-print">help@stack.io</span>
 +
                                    </a>
 +
                                </li>
 +
                            </ul>
 +
                        </div>
 +
                        <div class="col-md-6 text-right text-center-xs">
 +
                            <ul class="social-list list-inline list--hover">
 +
                                <li class="list-inline-item">
 +
                                    <a href="#">
 +
                                        <i class="socicon socicon-google icon icon--xs"></i>
 +
                                    </a>
 +
                                </li>
 +
                                <li class="list-inline-item">
 +
                                    <a href="#">
 +
                                        <i class="socicon socicon-twitter icon icon--xs"></i>
 +
                                    </a>
 +
                                </li>
 +
                                <li class="list-inline-item">
 +
                                    <a href="#">
 +
                                        <i class="socicon socicon-facebook icon icon--xs"></i>
 +
                                    </a>
 +
                                </li>
 +
                                <li class="list-inline-item">
 +
                                    <a href="#">
 +
                                        <i class="socicon socicon-instagram icon icon--xs"></i>
 +
                                    </a>
 +
                                </li>
 +
                            </ul>
 +
                        </div>
 +
                    </div>
 +
                    <!--end of row-->
 +
                    <div class="row">
 +
                        <div class="col-md-6">
 +
                            <p class="type--fine-print">
 +
                                Supercharge your web workflow
 +
                            </p>
 +
                        </div>
 +
                        <div class="col-md-6 text-right text-center-xs">
 +
                            <span class="type--fine-print">&copy;
 +
                                <span class="update-year"></span> Stack Inc.</span>
 +
                            <a class="type--fine-print" href="#">Privacy Policy</a>
 +
                            <a class="type--fine-print" href="#">Legal</a>
 +
                        </div>
 +
                    </div>
 +
                    <!--end of row-->
 +
                </div>
 +
                <!--end of container-->
 +
            </footer>
 +
        </div>
 +
        <!--<div class="loader"></div>-->
 +
        <a class="back-to-top inner-link" href="#start" data-scroll-class="100vh:active">
 +
            <i class="stack-interface stack-up-open-big"></i>
 +
        </a>
 +
        <script src="js/jquery-3.1.1.min.js"></script>
 +
        <script src="js/flickity.min.js"></script>
 +
        <script src="js/easypiechart.min.js"></script>
 +
        <script src="js/parallax.js"></script>
 +
        <script src="js/typed.min.js"></script>
 +
        <script src="js/datepicker.js"></script>
 +
        <script src="js/isotope.min.js"></script>
 +
        <script src="js/ytplayer.min.js"></script>
 +
        <script src="js/lightbox.min.js"></script>
 +
        <script src="js/granim.min.js"></script>
 +
        <script src="js/jquery.steps.min.js"></script>
 +
        <script src="js/countdown.min.js"></script>
 +
        <script src="js/twitterfetcher.min.js"></script>
 +
        <script src="js/spectragram.min.js"></script>
 +
        <script src="js/smooth-scroll.min.js"></script>
 +
        <script src="js/scripts.js"></script>
 +
    </body>
 
</html>
 
</html>

Revision as of 13:04, 31 August 2018

Madrid-OLM

Madrid-OLM:Team
background

Meet The Makers

An innovative collective of like-minded folks making useful and enduring technology products

Image

Cass Simmons

Co-Founder & Designer

Launching an attractive and scalable website quickly and affordably is important for modern startups — Stack offers massive value without looking 'bargain-bin'.

Image

Lucille Vogel

Co-Founder & Developer

Launching an attractive and scalable website quickly and affordably is important for modern startups — Stack offers massive value without looking 'bargain-bin'.

Image

Cameron Trembath

Front-End Developer

Launching an attractive and scalable website quickly and affordably is important for modern startups — Stack offers massive value without looking 'bargain-bin'.

Image

Jacob Tran

Graphic Designer

Launching an attractive and scalable website quickly and affordably is important for modern startups — Stack offers massive value without looking 'bargain-bin'.

We're always looking for talent

Got what it takes to work with us? Great! Send us a link to your resumé or portfolio to become part of our talent pool.

See Job Openings