Difference between revisions of "Team:HSNU-TAIPEI"

Line 46: Line 46:
 
}
 
}
  
 +
 +
/* SLIDER */
 +
 +
.slider-nav {
 +
    text-align: center;
 +
    margin-top: 20px;
 +
}
 +
 +
.arrow-prev {
 +
    display: inline-block;
 +
    margin-right: 5px;
 +
}
 +
 +
.arrow-next {
 +
    display: inline-block;
 +
    margin-left: 5px;
 +
}
 +
 +
.slider-dots {
 +
    list-style: none;
 +
display: inline-block;
 +
padding-left: 0;
 +
margin-bottom: 0;
 +
}
 +
 +
.slider-dots li {
 +
    color: #bbbcbc;
 +
    display: inline;
 +
    font-size: 30px;
 +
    margin-right: 5px;
 +
}
  
 
</style>
 
</style>
Line 140: Line 171:
 
<main>
 
<main>
 
<div class="mc-container home">
 
<div class="mc-container home">
−
                                         <div class="section">
+
                                         <div class="section slide-container">
−
<div class="jumbo-bg home-bg">
+
<div class="jumbo-bg home-bg slide active-slide">
 
<h2>Project</h2>
 
<h2>Project</h2>
 
<img src="http://placehold.it/1280x600">
 
<img src="http://placehold.it/1280x600">
 
</div>
 
</div>
 +
<div class="jumbo-bg home-bg slide">
 +
<h2>Human Practice</h2>
 +
<img src="http://placehold.it/1280x600">
 +
</div>
 +
<div class="jumbo-bg home-bg slide">
 +
<h2>Achivement</h2>
 +
<img src="http://placehold.it/1280x600">
 +
</div>
 +
<div class="jumbo-bg home-bg slide">
 +
<h2>Parts</h2>
 +
<img src="http://placehold.it/1280x600">
 +
</div>
 +
 +
 +
 +
 +
</div>
 +
        <div class="slider-nav">
 +
 +
        <a class="arrow-prev"><img src="https://static.igem.org/mediawiki/2015/6/6e/HSNU-TAIPEI_pre-arrow.png"></a>
 +
        <ul class="slider-dots">
 +
                <li class="dot active-dot">&bull;</li>
 +
                <li class="dot active-dot">&bull;</li>
 +
                <li class="dot active-dot">&bull;</li>
 +
                <li class="dot active-dot">&bull;</li>
 +
        </ul>
 +
       
 +
       
 +
       
 +
       
 +
        <a class="arrow-next"><img src="https://static.igem.org/mediawiki/2015/4/40/HSNU-TAIPEI_next-arrow.png"></a>
 +
       
 
</div>
 
</div>
 
        <div class="section three-link">
 
        <div class="section three-link">

Revision as of 02:53, 5 September 2015

Project

Human Practice

Achivement

Parts

  • •
  • •
  • •
  • •

Product

Notebook

Team