HoorayCode/index.html at master · HoorayCodes/HoorayCode · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<!doctype html>
<html class="no-js" lang="">

<head>
  <meta charset="utf-8">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <title>Hooray Code</title>
  <meta name="description" content="Hooray Code provides quirky coding courses and resources while also promoting diversity in tech.">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  <link rel="manifest" href="site.webmanifest">
  <link rel="apple-touch-icon" href="icon.png">
  <link rel="icon" type="image/png" href="favicon-32x32.png" sizes="32x32" />
  <link rel="icon" type="image/png" href="favicon-16x16.png" sizes="16x16" />
  <link href="https://fonts.googleapis.com/css?family=Open+Sans|Ribeye" rel="stylesheet">
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous">
  <link rel="stylesheet" href="main.css">

</head>

<body>
  <!--[if lte IE 9]>
    <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
  <![endif]-->

 <section class="hello">
  <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/929057/horray-code-logo-v1.svg" alt="Hooray Code text logo" class="logo">
  <div class="content">
    <p>Are you looking for fun, yet practical ways to build your web development skills? Hooray Code provides quirky coding courses and resources while also promoting diversity in tech. Checkout our current and upcoming products below!</p>
    <div class="divider"></div>
    <h2>Products</h2>
    <div class="product-container">
      <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/929057/family-portrait.png" alt="What the CSS?! logo">
      <p>What the CSS is a 30 day email course teaching the fun, tricky, and practical parts of CSS. You will recieve daily exercises and challenges and even test your skills working with a demanding client!</p>
      <a href="https://whatthecss.com" target="_blank"><button>Learn More</button></a>
    </div>
    <div class="divider"></div>
    <div class="product-container upcoming">
      <h2>Upcoming</h2>
      <div class="upcoming-content">
      <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/929057/wtsvg.png" alt="">
      <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/929057/wtjs.png" alt="">
      </div>
    </div>
  </div>
</section>
  <footer>
    <ul>
      <li><a href="https://twitter.com/musicalwebdev"><i class="fab fa-twitter"></i></a></li>
      <li><a href="mailto:hooraycodes@gmail.com"><i class="fas fa-envelope"></i></a></li>
    </ul>
  </footer>

  <!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
  <script>
    window.ga = function () { ga.q.push(arguments) }; ga.q = []; ga.l = +new Date;
    ga('create', 'UA-XXXXX-Y', 'auto'); ga('send', 'pageview')
  </script>
  <script src="https://www.google-analytics.com/analytics.js" async defer></script>
</body>

</html>