Difference between revisions of "Team:IIT Kanpur/TestPage"
| Line 1: | Line 1: | ||
{{Template:IIT_Kanpur}} | {{Template:IIT_Kanpur}} | ||
| + | <html> | ||
| + | |||
| + | <head> | ||
| + | |||
| + | <!-- This tells the browser that your page is responsive --> | ||
| + | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
| + | <!-- This is from CSS templates --> | ||
| + | <!--<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">--> | ||
| + | <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,200,900italic,900,700italic,700,600italic,600,400italic,300italic,300,200italic" rel="stylesheet" type ='text/css'> | ||
| + | <link href='https://fonts.googleapis.com/css?family=Quicksand' rel='stylesheet' type='text/css'> | ||
| + | <link href='https://fonts.googleapis.com/css?family=Montserrat:200,300,400' rel='stylesheet'> | ||
| + | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> | ||
| + | <!--<script type="text/javascript" async | ||
| + | src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.2/MathJax.js?config=TeX-MML-AM_CHTML"> | ||
| + | </script>--> | ||
| + | |||
| + | <!-- Latest compiled and minified CSS --> | ||
| + | <link rel="stylesheet" href="https://2018.igem.org/Team:Oxford/css/bootstrapmincss?action=raw&ctype=text/css"> | ||
| + | <link rel="stylesheet" href="https://2018.igem.org/Template:Oxford/css?action=raw&ctype=text/css"> | ||
| + | |||
| + | <!-- Latest compiled JavaScript --> | ||
| + | <!-- <script src="https://2018.igem.org/Team:Oxford/scripts/bootstrapminjs?action=raw&ctype=text/javascript"></script> --> | ||
| + | |||
| + | </head> | ||
| + | |||
| + | |||
| + | <!-- THIS IS WHERE THE HTML BEGINS --> | ||
| + | <html lang="en"> | ||
| + | |||
<head> | <head> | ||
| Line 43: | Line 72: | ||
font-weight: bold; | font-weight: bold; | ||
font-size: 18px; | font-size: 18px; | ||
| − | transition: | + | transition: 0.6s ease; |
border-radius: 0 3px 3px 0; | border-radius: 0 3px 3px 0; | ||
} | } | ||
| Line 60: | Line 89: | ||
/* Caption text */ | /* Caption text */ | ||
.text { | .text { | ||
| − | color: # | + | color: #f2f2f2; |
font-size: 15px; | font-size: 15px; | ||
padding: 8px 12px; | padding: 8px 12px; | ||
| Line 71: | Line 100: | ||
/* Number text (1/3 etc) */ | /* Number text (1/3 etc) */ | ||
.numbertext { | .numbertext { | ||
| − | color: # | + | color: #f2f2f2; |
font-size: 12px; | font-size: 12px; | ||
padding: 8px 12px; | padding: 8px 12px; | ||
| Line 87: | Line 116: | ||
border-radius: 50%; | border-radius: 50%; | ||
display: inline-block; | display: inline-block; | ||
| − | transition: background-color | + | transition: background-color 0.6s ease; |
} | } | ||
.active, .dot:hover { | .active, .dot:hover { | ||
| − | background-color: # | + | background-color: #717171; |
} | } | ||
| Line 137: | Line 166: | ||
<div class="mySlides fade"> | <div class="mySlides fade"> | ||
<div class="numbertext">3 / 3</div> | <div class="numbertext">3 / 3</div> | ||
| − | <img src=" | + | <img src="img3.jpg" style="width:100%"> |
<div class="text">Caption Three</div> | <div class="text">Caption Three</div> | ||
</div> | </div> | ||
Revision as of 12:53, 14 October 2018
