|
|
| Line 115: |
Line 115: |
| | | | |
| | | | |
| − |
| |
| − | body {
| |
| − | margin: 10px;
| |
| − | text-align: center;
| |
| − | }
| |
| − | body > div {
| |
| − | width: 33%;
| |
| − |
| |
| − |
| |
| − | }
| |
| − | body > div > div {
| |
| − | margin-bottom: 15px;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | .btn-1 {
| |
| − | background-color: #F27935;
| |
| − | width: 30%;
| |
| − | left: 90%;
| |
| − | }
| |
| − | .btn-1 .round {
| |
| − | background-color: #f59965;
| |
| − | left: 90%;
| |
| − | width: 30%;
| |
| − | }
| |
| − |
| |
| − | .btn-2 {
| |
| − | background-color: #00AFD1;
| |
| − | left: 90%;
| |
| − | width: 30%;
| |
| − | }
| |
| − | .btn-2 .round {
| |
| − | background-color: #00c4eb;
| |
| − | left: 90%;
| |
| − | width: 30%;
| |
| − | }
| |
| − |
| |
| − | .btn-3 {
| |
| − | background-color: #5A5B5E;
| |
| − | left: 90%;
| |
| − | width: 30%;
| |
| − | }
| |
| − | .btn-3 .round {
| |
| − | background-color: #737478;
| |
| − | left: 90%;
| |
| − | width: 30%;
| |
| − | }
| |
| − |
| |
| − | a {
| |
| − | text-decoration: none;
| |
| − | -moz-border-radius: 30px;
| |
| − | -webkit-border-radius: 30px;
| |
| − | border-radius: 30px;
| |
| − | padding: 12px 30px 12px 30px;
| |
| − | color: #fff;
| |
| − | text-transform: uppercase;
| |
| − | font-family: sans-serif;
| |
| − | font-weight: bold;
| |
| − | position: relative;
| |
| − | -moz-transition: all 0.3s;
| |
| − | -o-transition: all 0.3s;
| |
| − | -webkit-transition: all 0.3s;
| |
| − | transition: all 0.3s;
| |
| − | display: inline-block;
| |
| − | }
| |
| − | a span {
| |
| − | position: relative;
| |
| − | z-index: 3;
| |
| − | }
| |
| − | a .round {
| |
| − | -moz-border-radius: 50%;
| |
| − | -webkit-border-radius: 50%;
| |
| − | border-radius: 50%;
| |
| − | width: 38px;
| |
| − | height: 38px;
| |
| − | position: absolute;
| |
| − | right: 3px;
| |
| − | top: 3px;
| |
| − | -moz-transition: all 0.3s ease-out;
| |
| − | -o-transition: all 0.3s ease-out;
| |
| − | -webkit-transition: all 0.3s ease-out;
| |
| − | transition: all 0.3s ease-out;
| |
| − | z-index: 2;
| |
| − | }
| |
| − |
| |
| − | .txt {
| |
| − | font-size: 14px;
| |
| − | line-height: 1.45;
| |
| − | }
| |
| | | | |
| | | | |
| Line 219: |
Line 130: |
| | <div class='triangle bottom-right'></div> | | <div class='triangle bottom-right'></div> |
| | <div class='triangle bottom-left'></div> | | <div class='triangle bottom-left'></div> |
| − |
| |
| − | <div class="type-1">
| |
| − | <div>
| |
| − | <a href="" class="btn btn-1">
| |
| − | <span class="txt">May </span>
| |
| − |
| |
| − | </a>
| |
| − | </div>
| |
| − |
| |
| − | <div>
| |
| − | <a href="" class="btn btn-2">
| |
| − | <span class="txt">June</span>
| |
| − |
| |
| − | </a>
| |
| − | </div>
| |
| − |
| |
| − | <div>
| |
| − | <a href="" class="btn btn-3">
| |
| − | <span class="txt">July</span>
| |
| − |
| |
| − | </a>
| |
| − | </div>
| |
| − |
| |
| − | <div>
| |
| − | <a href="" class="btn btn-3">
| |
| − | <span class="txt">August</span>
| |
| − |
| |
| − | </a>
| |
| − | </div>
| |
| − |
| |
| − | <div>
| |
| − | <a href="" class="btn btn-3">
| |
| − | <span class="txt">September</span>
| |
| − |
| |
| − | </a>
| |
| − | </div>
| |
| − |
| |
| − | <div>
| |
| − | <a href="" class="btn btn-3">
| |
| − | <span class="txt">October</span>
| |
| − |
| |
| − | </a>
| |
| − | </div>
| |
| − |
| |
| − | <div>
| |
| − | <a href="" class="btn btn-3">
| |
| − | <span class="txt">Protocols</span>
| |
| − |
| |
| − | </a>
| |
| − | </div>
| |
| − |
| |
| − | </div>
| |
| | | | |
| | | | |
| | </body> | | </body> |
| | </html> | | </html> |
