Difference between revisions of "Team:CMUQ"

Line 1: Line 1:
 
<html>
 
<html>
 +
 +
 +
    <head>
 +
<style type="text/css">
 +
        .sect{
 +
            height: 100%;
 +
            width: 100%;
 +
            display:flex;
 +
            align-items: center;
 +
            justify-content:center;
 +
            background-position: center;
 +
            background-repeat: no-repeat;
 +
            background-size: cover;
 +
            background-attachment: fixed;
 +
            overflow:scroll;
 +
        }
 +
 +
        .subsection{
 +
           
 +
            background-color: rgba(255,255,255,0);
 +
            background-size: cover;
 +
            background-repeat: no-repeat;
 +
            font-family: arial;
 +
            margin-right: 10%;
 +
            margin-left: 10%;
 +
            margin-top: 3%;
 +
            margin-bottom: 3%;
 +
            overflow: visible;
 +
 +
        }
 +
        .sectOne{
 +
            background-image: src("https://static.igem.org/mediawiki/2017/f/f7/Wallpaper.jpg");
 +
            position: relative;
 +
           
 +
        }
 +
        .sectTwo{
 +
            background-image: url("images/wallpaper3.jpg");
 +
        }
 +
        .sectThree{
 +
            background-image: url("images/wallpaper4.jpg");
 +
        }
 +
        hr{
 +
            width: 20%;
 +
        }
 +
    </style>
 +
 +
    <!-- responsive text -->
 +
    <style type="text/css">
 +
        html {
 +
            font-size: 13px;
 +
        }
 +
        h1 {
 +
            font-size: 8rem;
 +
            position: absolute;
 +
        }
 +
        h2 {
 +
            font-size: 2rem;
 +
            position: absolute;
 +
        }
 +
        p {
 +
            font-size: 1rem;
 +
            word-wrap: break-word;
 +
            word-break: keep-all;
 +
        }
 +
       
 +
 +
        @media screen and (min-width: 500px){
 +
          html{
 +
            font-size: 14px;
 +
          }
 +
        }
 +
        @media screen and (min-width: 570px){
 +
          html{
 +
            font-size: 15px;
 +
          }
 +
        }
 +
        @media screen and (min-width: 620px){
 +
          html{
 +
            font-size: 16px;
 +
          }
 +
        }
 +
        @media screen and (min-width: 680px){
 +
          html{
 +
            font-size: 17px;
 +
          }
 +
        }
 +
        @media screen and (min-width: 720px){
 +
          html{
 +
            font-size: 18px;
 +
          }
 +
        }
 +
        @media screen and (min-width: 800px){
 +
          html{
 +
            font-size: 19px;
 +
          }
 +
        }
 +
        @media screen and (min-width: 860px){
 +
          html{
 +
            font-size: 20px;
 +
          }
 +
        }
 +
        @media screen and (min-width: 920px){
 +
          html{
 +
            font-size: 21px;
 +
          }
 +
        }
 +
        @media screen and (min-width: 1000px){
 +
          html{
 +
            font-size: 22px;
 +
          }
 +
        }
 +
    </style>
 +
</head>
 +
 +
 
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
     <link href="//2015.igem.org/Team:Oxford/Assets/Bootstrap?action=raw&ctype=text/css" rel="stylesheet">
 
     <link href="//2015.igem.org/Team:Oxford/Assets/Bootstrap?action=raw&ctype=text/css" rel="stylesheet">
Line 10: Line 125:
  
  
−
 
+
<body>
 
     <nav class="navbar navbar-default navbar-fixed-top">
 
     <nav class="navbar navbar-default navbar-fixed-top">
 
         <div class="container-fluid">
 
         <div class="container-fluid">
Line 74: Line 189:
 
         </div>
 
         </div>
 
     </nav>
 
     </nav>
 +
 +
</body>
 
     <div id="main-container" class="container-fluid">
 
     <div id="main-container" class="container-fluid">
 +
    <div class="sect sectOne">
 +
        <h1 > CMUQ </h1>
 +
    </div>
 +
    </div>
 +
 
</html>
 
</html>

Revision as of 10:26, 8 September 2017

CMUQ