landing-page/index.html at master · dev-libs/landing-page · 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
76
77
78
79
80
<!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" />
    <title>Dev Libs</title>
    <meta name="description" content="Dev Libs! Mad libs for developers!" />
    <link rel="icon" type="image/png" href="./favicon.png" />
    <link rel="stylesheet" href="css/index.css" />
    <script src="https://kit.fontawesome.com/7c85345c69.js"></script>
  </head>
  <body>
    <nav>
      <div class="links">
        <a class="selected" href="index.html"><i class="tab-icon fas fa-home fa-1x "></i>index.html</a>
        <a href="project.html"><i class="tab-icon fas fa-users fa-1x "></i>project.html</a>
        <a href="bugs.html"><i class="tab-icon fas fa-bug fa-1x "></i>bugs.html</a>
      </div>
      <a href="https://youthful-mccarthy-1f11ec.netlify.com/" class="login"><i class="fas fa-sign-in-alt"></i> Login</a>
    </nav>
    <main>
      <header>
        <div class="text">
          <h1 class="animated fadeInDown">DEV LIBS</h1>
          <h2 class="animated fadeInDown">What crazy dev-libs story will you create today?</h2>
        </div>
      </header>
      <section class="home-section blue">
        <img src="images/aboutus.png" alt="about us" />
        <div class="text">
          <h2>About Us</h2>
          <p>
            Dev-Libs is a web & mobile application that was engineered specifically for developers. We wanted to create
            an application that could help lighten the mood at a moment's notice, and to provide a place where
            developers can enjoy libs created with their unique and specific sense of humor, and thus Dev-Libs was
            created.
          </p>
        </div>
      </section>
      <section class="home-section yellow">
        <div class="text">
          <h2>How it works?</h2>
          <p>
            Users fill in fields based on the requested word types, which are then plugged into an existing lib puzzle.
            The application will then generate a story based on the user's input, mixed with a random lib puzzle to
            create a funny story.
          </p>
        </div>

        <img src="images/howitworks.png" alt="how it works" />
      </section>
      <section class="home-section orange">
        <img src="images/features.png" alt="features" />
        <div class="text">
          <h2>Features</h2>
          <p>
            Users can choose puzzles from a variety of categories and languages to add and edit from their account. Once
            a puzzle has been completed, they will also have the ability to share it on social media. We are also
            working on giving the user templates for libs, themed libs and selectable language categories.
          </p>
        </div>
      </section>
      <section class="home-section blue">
        <div class="text">
          <h2>Why us?</h2>
          <p>
            Dev-Libs gives developers a source of libs designed specifically for them. Not only can developers come here
            for a quick laugh, they can also create puzzles for other devs to enjoy. If a user finds that they are
            having problems or would like to report a bug, they can easily submit them on the bugs page.
          </p>
        </div>
        <img src="images/whyus.png" alt="why us" />
      </section>
    </main>
    <footer>
      <span>Dev-Libs &copy;2019</span>
    </footer>
  </body>
</html>