flippin-proud/flipcards.html at master · loosenthedark/flippin-proud · 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
63
64
65
66
67
68
69
70
71
72
73
74
75
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta name="description"
    content="Interactive flipcard app celebrating Pride icons as well as themes of diversity, visibility and community" />
  <meta property="og:title" content="Flippin' Proud | Code Institute June 2021 Hackathon" />
  <meta property="og:image" content="static/images/icons/pride-doughnut-icon.png" />
  <meta property="og:description"
    content="Interactive flipcard app celebrating Pride icons as well as themes of diversity, visibility and community" />
  <meta property="og:url" content="https://loosenthedark.github.io/flippin-proud/flipcards.html" />

  <link rel="icon" sizes="32x32" href="static/images/icons/favicon/favicon-32.png" type="image/png">
  <link rel="icon" sizes="192x192" href="static/images/icons/favicon/favicon-192.png" type="image/png">
  <link rel="icon" sizes="228x228" href="static/images/icons/favicon/favicon-228.png" type="image/png">
  <link rel="apple-touch-icon" sizes="180x180" href="static/images/icons/favicon/favicon-apple-touch-180.png"
    type="image/png">

  <link rel=“preconnect” href=“https://fonts.gstatic.com”>
  <link
    href="https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600&family=Open+Sans:wght@300;400;600&family=Roboto:wght@300;400;500;700&display=swap"
    rel="stylesheet">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">

  <link rel="stylesheet" href="static/css/style.css">

  <title>Flippin' Proud | Flipcards</title>
</head>

<body>

  <nav class="navbar navbar-expand-md navLinks bg-light px-3 pl-md-4 py-0">
    <a class="navbar-brand logo-styling logo-glitter py-0" href="index.html" aria-label="link to Flippin' Proud home page"><img src="static/images/logo-final.png"
        alt="logo"></a>
    <button class="navbar-toggler collapsed p-0" id="nav-toggler" type="button" data-toggle="collapse"
      data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false"
      aria-label="Toggle navigation">
      <span class="nav-toggler-icon"><i class="fas fa-bars" aria-hidden="true"></i></span>
      <span class="nav-toggler-icon"></span>
      <span class="sr-only">Toggle nav</span>
    </button>
    <div class="collapse navbar-collapse mt-2 mt-md-0 mb-3 mb-md-0" id="navbarNavAltMarkup">
      <div class="navbar-nav">
        <a class="nav-item nav-link pl-2 pr-3 px-md-4 py-md-0" href="index.html" aria-label="link to Flippin' Proud home page">Home<span
            class="sr-only">(current)</span></a>
        <a class="nav-item nav-link pl-2 pr-3 px-md-4 py-md-0 active" href="flipcards.html" aria-label="link to Flippin' Proud flipcards page">Flipcards</a>
        <a class="nav-item nav-link pl-2 pr-3 px-md-4 py-md-0" href="contact.html" aria-label="link to Flippin' Proud contact page">Contact</a>
      </div>
    </div>
  </nav>

  <div class="container container-flipcards">
    <div class="row flip-card-row mx-md-0">
    </div>
  </div>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.1/umd/popper.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.min.js"></script>
  <script src="static/js/script.js"></script>
  <script src="static/js/jquery-canvas-sparkles.js"></script>
  <script>
    $(document).ready(function () {
      $(".logo-glitter").sparkle({
        color: ["#2eafea", "#e56604"],
        speed: 0.4
      });
    });
  </script>
</body>

</html>