CodeBreakersGCEK.github.io/index.html at main · CodeBreakersGCEK/CodeBreakersGCEK.github.io · 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
<!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">
  <title>CodeBreakers</title>
  <link rel="stylesheet" href="./css/styles.css">
</head>

<body>
  <nav class="nav">
    <div>
      <img class="logo" src="./assets/logo.png" alt="">
    </div>
    <div class="nav__items">
      <a>About</a>
      <a>Resources</a>
      <a>Team</a>
      <a>Contact</a>
    </div>
  </nav>

  <main class="container">
    <div class="wrapper header">
      <p class="header__sub-heading">Hi there, we are</p>
      <h1 class="header__heading">CodeBreakers</h1>
    </div>

    <div class="wrapper about">
      <h3 class="wrapper__heading">About Us</h3>
      <p class="wrapper__paragraph">
        Lorem ipsum dolor, sit amet consectetur adipisicing elit. Voluptatem totam, assumenda distinctio temporibus
        deserunt, nesciunt omnis atque cumque provident porro enim, odit optio vero impedit cum exercitationem commodi
        quod ex.Lorem ipsum dolor, sit amet consectetur adipisicing elit. Voluptatem totam, assumenda distinctio
        temporibus
        deserunt, nesciunt omnis atque cumque provident porro enim, odit optio vero impedit cum exercitationem commodi
        quod ex.Lorem ipsum dolor, sit amet consectetur adipisicing elit. Voluptatem totam, assumenda distinctio
        temporibus
        deserunt, nesciunt omnis atque cumque provident porro enim, odit optio vero impedit cum exercitationem commodi
        quod ex.
      </p>
    </div>
    <div class="wrapper about">
      <h3 class="wrapper__heading">About Us</h3>
      <p class="wrapper__paragraph">
        Lorem ipsum dolor, sit amet consectetur adipisicing elit. Voluptatem totam, assumenda distinctio temporibus
        deserunt, nesciunt omnis atque cumque provident porro enim, odit optio vero impedit cum exercitationem commodi
        quod ex.Lorem ipsum dolor, sit amet consectetur adipisicing elit. Voluptatem totam, assumenda distinctio
        temporibus
        deserunt, nesciunt omnis atque cumque provident porro enim, odit optio vero impedit cum exercitationem commodi
        quod ex.Lorem ipsum dolor, sit amet consectetur adipisicing elit. Voluptatem totam, assumenda distinctio
        temporibus
        deserunt, nesciunt omnis atque cumque provident porro enim, odit optio vero impedit cum exercitationem commodi
        quod ex.
      </p>
    </div>
  </main>

  <script src="./js/app.js"></script>
</body>

</html>