Difference between revisions of "Team:TecCEM/Team"

Line 30: Line 30:
 
         text-align: left !important;
 
         text-align: left !important;
 
         width: 70%;
 
         width: 70%;
 +
    }
 +
 +
    .carousel-control-next-icon,
 +
    .carousel-control-prev-icon {
 +
        background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") no-repeat;
 +
        width: 40px !important;
 +
        height: 40px;
 +
    }
 +
 +
    .carousel-control-prev,
 +
    .carousel-control-next {
 +
        width: 5%;
 +
    }
 +
 +
    .carousel-control-prev-icon {
 +
        transform: rotate(-180deg);
 
     }
 
     }
 
</style>
 
</style>
Line 35: Line 51:
 
     <img src="https://static.igem.org/mediawiki/2018/a/aa/T--TecCEM--Cells.gif" alt="Cell Gif">
 
     <img src="https://static.igem.org/mediawiki/2018/a/aa/T--TecCEM--Cells.gif" alt="Cell Gif">
 
     <h1>Team</h1>
 
     <h1>Team</h1>
 +
</div>
 +
<div class="container">
 +
    <div class="row">
 +
        <div class="col">
 +
            <h1>Who are we?</h1>
 +
            <p class="lead">Lorem ipsum dolor sit amet consectetur adipisicing elit. Atque quo delectus, alias debitis
 +
                quasi
 +
                doloremque
 +
                modi earum beatae fugiat, animi rem cum ut impedit quas necessitatibus illo esse ratione voluptate!</p>
 +
        </div>
 +
    </div>
 
</div>
 
</div>
 
<div class="container-fluid">
 
<div class="container-fluid">
Line 87: Line 114:
 
                 </a>
 
                 </a>
 
             </div>
 
             </div>
 +
        </div>
 +
    </div>
 +
</div>
 +
<div class="container">
 +
    <div class="row">
 +
        <div class="col">
 +
            <h1>Advisors</h1>
 +
            <p class="lead">Lorem ipsum dolor sit amet consectetur adipisicing elit. Atque quo delectus, alias debitis
 +
                quasi
 +
                doloremque
 +
                modi earum beatae fugiat, animi rem cum ut impedit quas necessitatibus illo esse ratione voluptate!</p>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
Line 93: Line 131:
 
     <div class="row">
 
     <div class="row">
 
         <div class="col">
 
         <div class="col">
−
             <h3>Inspiration</h3>
+
             <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel" data-interval="false">
−
            <p>You can look at what other teams did to get some inspiration! <br />
+
                <ol class="carousel-indicators">
−
                 Here are a few examples:</p>
+
                    <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
−
            <ul>
+
                    <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
−
                <li><a href="https://2014.igem.org/Team:METU_Turkey_team">2014 METU Turkey </a></li>
+
                    <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
−
                <li><a href="https://2014.igem.org/Team:Colombia/Members">2014 Colombia</a></li>
+
                 </ol>
−
                <li><a href="https://2014.igem.org/Team:Stony_Brook/Team">2014 Stony Brook</a></li>
+
                <div class="carousel-inner">
−
                 <li><a href="https://2014.igem.org/Team:OUC-China/Team">2014 OUC-China</a></li>
+
                    <div class="carousel-item active">
−
             </ul>
+
                        <img class="d-block" src="https://via.placeholder.com/1200x600" alt="First slide">
 +
                        <div class="carousel-caption d-none d-md-block text-green">
 +
                            <h1>Rodrigo Valencia</h1>
 +
                            <h2>Disque Team leader</h2>
 +
                            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt mollitia
 +
                                corrupti nihil quidem vitae! Fugiat eos dicta, laudantium officia labore amet
 +
                                aperiam quam architecto similique voluptatum quo. A, rerum deserunt?</p>
 +
                        </div>
 +
                    </div>
 +
                    <div class="carousel-item">
 +
                        <img class="d-block" src="https://via.placeholder.com/1200x600" alt="Second slide">
 +
                        <div class="carousel-caption d-none d-md-block text-green">
 +
                            <h1>Karla Soto</h1>
 +
                            <h2>Disque PM</h2>
 +
                            <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Saepe quia quod
 +
                                quisquam amet repellat ducimus asperiores tenetur necessitatibus mollitia
 +
                                aspernatur laboriosam, debitis veritatis delectus fuga, eum corporis
 +
                                accusantium earum inventore!</p>
 +
                        </div>
 +
                    </div>
 +
                    <div class="carousel-item">
 +
                        <img class="d-block" src="https://via.placeholder.com/1200x600" alt="Third slide">
 +
                        <div class="carousel-caption d-none d-md-block text-green">
 +
                            <h1>Joel Lara</h1>
 +
                            <h2>Ni programa</h2>
 +
                            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Adipisci voluptatem
 +
                                animi repellendus deserunt nam qui modi magnam veniam dicta voluptates
 +
                                doloribus, sequi odit iusto fugiat laudantium voluptate error. Animi, sequi.</p>
 +
                        </div>
 +
                    </div>
 +
                 </div>
 +
                <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
 +
                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
 +
                    <span class="sr-only">Previous</span>
 +
                </a>
 +
                <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
 +
                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
 +
                    <span class="sr-only">Next</span>
 +
                </a>
 +
             </div>
 
         </div>
 
         </div>
 
     </div>
 
     </div>

Revision as of 15:25, 9 October 2018

Cell Gif

Team

Who are we?

Lorem ipsum dolor sit amet consectetur adipisicing elit. Atque quo delectus, alias debitis quasi doloremque modi earum beatae fugiat, animi rem cum ut impedit quas necessitatibus illo esse ratione voluptate!

Advisors

Lorem ipsum dolor sit amet consectetur adipisicing elit. Atque quo delectus, alias debitis quasi doloremque modi earum beatae fugiat, animi rem cum ut impedit quas necessitatibus illo esse ratione voluptate!