-
Notifications
You must be signed in to change notification settings - Fork 7
/
index.html
132 lines (120 loc) · 4.05 KB
/
index.html
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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Training sports website" />
<title>MornMeet</title>
<link rel="icon" type="image/ico" href="/img/morning.ico" />
<link rel="stylesheet" href="./styles/normalize.css" />
<link rel="stylesheet" href="./styles/global.css" />
<link rel="stylesheet" href="./styles/main.css" />
<script
src="https://kit.fontawesome.com/625fc00c69.js"
crossorigin="anonymous"
defer
></script>
</head>
<body>
<header class="header">
<nav class="nav">
<div class="nav__title">
<h3 class="nav__title--effect">
<a href="index.html"
><img
src="./img/morning-icon.png"
alt="Morning Icon"
width="40px"
height="22px"
/>
MornMeet Training</a
>
</h3>
<div class="nav__mobileMenu">
<i class="fas fa-bars"></i>
</div>
</div>
<div class="nav__link">
<p class="divisor">|</p>
<a href="about.html" class="nav__item">About us</a>
<a
href="https://github.com/frontendcafe/cmyk-morning/"
class="nav__item"
target="_blank"
rel="noopener"
>GitHub</a
>
</div>
</nav>
</header>
<main>
<section class="banner">
<div class="banner__video">
<h2 class="banner__title">
<span class="banner__title--boldText">Find</span> a group to train
your favorite sport
</h2>
<video loop autoplay muted preload="auto">
<source src="./img/banner.mp4" type="video/mp4" />
</video>
</div>
</section>
<section class="section__cards">
<h2 class="cards__categories" id="categories">Categories</h2>
<div class="cards__navigation">
<button class="buttonLeft" aria-label="Scroll Left">
<i class="fas fa-chevron-left"></i>
</button>
<div id="cards" class="carousel"></div>
<button class="buttonRight" aria-label="Scroll Right">
<i class="fas fa-chevron-right"></i>
</button>
</div>
</section>
</main>
<footer class="footer footer__items">
<span class="footer__text">Made by team</span>
<a href="/"
><img
src="./img/morning-icon.png"
alt="morning"
srcset=""
class="footer__image"
width="40px"
height="22px"
/></a>
<span class="footer__text">CMYK 3 by</span>
<a href="https://frontend.cafe/" target="_blank" rel="noopener">
<img
src="./img/frontendcafe-icon.png"
alt="frontcafe"
srcset=""
class="footer__image"
width="30px"
height="31px"
/>
</a>
</footer>
<!-- The core Firebase JS SDK is always required and must be listed first -->
<script src="https://www.gstatic.com/firebasejs/8.4.2/firebase-app.js"></script>
<!-- TODO: Add SDKs for Firebase products that you want to use
https://firebase.google.com/docs/web/setup#available-libraries -->
<script src="https://www.gstatic.com/firebasejs/8.4.2/firebase-firestore.js"></script>
<script>
// Your web app's Firebase configuration
let firebaseConfig = {
apiKey: "AIzaSyCgsS9QNgNtKw_UAaKUpNbI8Tim03fkHtI",
authDomain: "morn-meet-training.firebaseapp.com",
projectId: "morn-meet-training",
storageBucket: "morn-meet-training.appspot.com",
messagingSenderId: "271073410817",
appId: "1:271073410817:web:07183279cde4bb90ace500",
};
// Initialize Firebase
firebase.initializeApp(firebaseConfig);
</script>
<script src="./js/app.js" defer></script>
<script src="./js/mobileMenu.js"></script>
</body>
</html>