Difference between revisions of "Team:William and Mary/Results"

Line 12: Line 12:
 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 
<link href="https://fonts.googleapis.com/css?family=News+Cycle" rel="stylesheet">
 
<link href="https://fonts.googleapis.com/css?family=News+Cycle" rel="stylesheet">
 +
<link href="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.css" rel="stylesheet">
 +
 +
<script>
 +
 +
AOS.init({
 +
  duration: 1200,
 +
})
 +
 +
</script>
  
 
<style>
 
<style>
−
       body {
+
       * {
−
        font-family: 'News Cycle', sans-serif;
+
  box-sizing: border-box;
−
        font-size: 13px;
+
}
−
      }
+
 
 +
.item {
 +
  width: 200px;
 +
  height: 200px;
 +
  margin: 50px auto;
 +
  padding-top: 75px;
 +
  background: #ccc;
 +
  text-align: center;
 +
  color: #FFF;
 +
  font-size: 3em;
 +
}
  
 
</style>
 
</style>
Line 23: Line 42:
 
</head>
 
</head>
 
          
 
          
−
<body>
+
<div class="item" data-aos="fade-up">1</div>
 +
<div class="item" data-aos="fade-down">2</div>
 +
<div class="item" data-aos="fade-right">3</div>
 +
<div class="item" data-aos="fade-left">4</div>
  
 +
<div class="item" data-aos="zoom-in">5</div>
 +
<div class="item" data-aos="zoom-out">6</div>
  
 +
<div class="item" data-aos="slide-up">7</div>
  
−
</body>
+
<div class="item" data-aos="flip-up">8</div>
 +
<div class="item" data-aos="flip-down">9</div>
 +
<div class="item" data-aos="flip-right">10</div>
 +
<div class="item" data-aos="flip-left">11</div>
  
  

Revision as of 06:31, 26 October 2017


1
2
3
4
5
6
7
8
9
10
11