Difference between revisions of "Team:WLC-Milwaukee/Judging"

(Created page with "{{WLC-Milwaukee/header}} {{WLC-Milwaukee/footer}}")
 
Line 1: Line 1:
 
{{WLC-Milwaukee/header}}
 
{{WLC-Milwaukee/header}}
 +
<html>
 +
<head lang="en">
 +
    <meta charset="utf-8">
 +
    <meta http-equiv="x-ua-compatible" content="IE=edge; chrome=1">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
 +
    <!--IMPORT CSS-->
 +
    <link href="fonts.css" rel="stylesheet">
 +
    <link href="main.css" rel="stylesheet">
 +
    <!--IMPORT JQUERY-->
 +
    <script src="jquery.js.txt"></script>
 +
 +
    <script>
 +
        //Include Header and Footer Files using jQuery
 +
        $(function(){
 +
            $("#header").load("header.html");
 +
            $("#footer").load("footer.html");
 +
        });
 +
    </script>
 +
    <style>
 +
      h1 {
 +
        text-align: center;
 +
        color: #fff;
 +
      }
 +
      h2 {
 +
        text-align: center;
 +
        color: #fff;
 +
      }
 +
      #head{
 +
        color:var(--primary-color);
 +
        margin-bottom: 2em;
 +
      }
 +
      .awards > #bronze {background-color: #D97C2B;}
 +
      .awards > #silver {background-color: #CCCCCC;}
 +
      .awards > #gold {background-color: #FFD700;}
 +
 +
      .awards .category {
 +
        padding: 0.75em 0 0.75em 0;
 +
        border-radius: 3em;
 +
      }
 +
 +
      .awards ul {list-style: none;}
 +
      .awards ul li {line-height: 2;}
 +
      .brz {color: #D97C2B;}
 +
      .slr {color: #CCCCCC;}
 +
      .gld {color: #FFD700;}
 +
 +
      .crc {
 +
        color: #fff;
 +
        margin: 0 0.15em 0 0.15em;
 +
      }
 +
 +
      .material-icons {font-size: inherit;}
 +
    </style>
 +
    <!--PAGE TITLE-->
 +
    <title>WLC iGEM 2018 | Judging</title>
 +
</head>
 +
 +
 +
<body>
 +
 +
    <!--BEGIN HEADER IMPORT-->
 +
    <div id="header"></div>
 +
    <!--END HEADER IMPORT-->
 +
 +
    <div class="content">
 +
          <!--CONTENT CONTAINER-->
 +
          <div class="container">
 +
            <h1 id="head">Achievements</h1>
 +
            <div class="awards">
 +
              <h2 class="category" id="bronze"><i class="material-icons crc">check_circle</i>Bronze<i class="material-icons crc">check_circle</i></h2>
 +
              <ul>
 +
                <li><i class="material-icons brz">star_border</i>Bronze Award #1</li>
 +
                <li><i class="material-icons brz">star_border</i>Bronze Award #2</li>
 +
                <li><i class="material-icons brz">star_border</i>Bronze Award #3</li>
 +
                <li><i class="material-icons brz">star_border</i>Bronze Award #4</li>
 +
              </ul>
 +
            </div>
 +
            <div class="awards">
 +
              <h2 class="category" id="silver"><i class="material-icons crc">check_circle</i>Silver<i class="material-icons crc">check_circle</i></h2>
 +
              <ul>
 +
                <li><i class="material-icons slr">star_half</i>Silver Award #1</li>
 +
                <li><i class="material-icons slr">star_half</i>Silver Award #2</li>
 +
                <li><i class="material-icons slr">star_half</i>Silver Award #3</li>
 +
                <li><i class="material-icons slr">star_half</i>Silver Award #4</li>
 +
              </ul>
 +
            </div>
 +
            <div class="awards">
 +
              <h2 class="category" id = "gold"><i class="material-icons crc">check_circle</i>Gold<i class="material-icons crc">check_circle</i></h2>
 +
              <ul>
 +
                <li><i class="material-icons gld">star</i>Gold Award #1</li>
 +
                <li><i class="material-icons gld">star</i>Gold Award #2</li>
 +
                <li><i class="material-icons gld">star</i>Gold Award #3</li>
 +
                <li><i class="material-icons gld">star</i>Gold Award #4</li>
 +
              </ul>
 +
            </div>
 +
          </div>
 +
          <!--END CONTENT CONTAINER-->
 +
    </div>
 +
 +
    <!--BEGIN FOOTER IMPORT-->
 +
    <div id="footer"></div>
 +
    <!--END FOOTER IMPORT-->
 +
 +
</body>
 +
</html>
  
 
{{WLC-Milwaukee/footer}}
 
{{WLC-Milwaukee/footer}}

Revision as of 04:29, 14 October 2018

PLACEHOLDER

WLC iGEM 2018 | Judging

Achievements

check_circleBronzecheck_circle

  • star_borderBronze Award #1
  • star_borderBronze Award #2
  • star_borderBronze Award #3
  • star_borderBronze Award #4

check_circleSilvercheck_circle

  • star_halfSilver Award #1
  • star_halfSilver Award #2
  • star_halfSilver Award #3
  • star_halfSilver Award #4

check_circleGoldcheck_circle

  • starGold Award #1
  • starGold Award #2
  • starGold Award #3
  • starGold Award #4

WLC-Milwaukee