User-Interface/index.html at master · bw-dev-libs/User-Interface · 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" dir="ltr">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Marketing Page</title>
    <script src="https://kit.fontawesome.com/9afc56a6cf.js" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="../css/index.css">
  </head>
  <body>
    <div class="container">
      <header>
        <div class="headerFlexHold">
          <nav>
            <a href="index.html">Home</a>
            <a href="about.html">About</a>
          </nav>
          <img src="../img/DevLibs-Icon.svg" alt="DevLibs-Icon">
        </div>
        <svg id= "Layer_1" data-name="Layer 1" xmlns = "http://www.w3.org/2000/svg"  viewBox = "0 0 290.99 154.01" preserveAspectRatio="none"><path class = "cls-1" d="m290.11099,0.306c-0.39301,0.473 -7.75598,1.117 -11.98199,2.297c-1.01401,0.283 -2.19901,0.605 -2.633,0.717c-1.33899,0.345 -8.19101,2.821 -9.48001,3.426c-0.28998,0.136 -1.11899,0.506 -1.84399,0.821c-3.22699,1.406 -9.077,4.455 -12.18298,6.349c-0.90802,0.553 -1.71301,1.006 -1.78802,1.006c-0.07599,0 -0.45898,0.22401 -0.85199,0.498c-0.392,0.274 -2.431,1.631 -4.53101,3.016c-10.08798,6.652 -19.366,14.35601 -30.81,25.58401c-10.19202,10 -18.21698,16.851 -26.07001,22.258c-0.94098,0.649 -1.771,1.23801 -1.84299,1.311c-0.535,0.534 -7.957,5.252 -10.138,6.44499c-1.01401,0.554 -2.26199,1.27 -2.772,1.59201c-2.05402,1.293 -12.037,6.103 -15.00299,7.228c-0.79701,0.302 -1.686,0.649 -1.97501,0.772c-0.28999,0.12299 -0.869,0.362 -1.28799,0.53099c-1.16301,0.46901 -8.26901,2.806 -9.90401,3.256c-0.79601,0.22 -2.10001,0.582 -2.897,0.80501c-0.79599,0.224 -2.33699,0.599 -3.42299,0.83499c-1.08601,0.23601 -2.44901,0.53801 -3.028,0.673c-11.36201,2.63701 -29.623,2.804 -42.26501,0.388c-3.87898,-0.742 -4.633,-0.90399 -6.58299,-1.42c-8.448,-2.23199 -12.173,-3.621 -19.882,-7.412c-3.83099,-1.88499 -5.58,-2.685 -8.03099,-3.677c-0.797,-0.32199 -1.745,-0.707 -2.10699,-0.855c-1.21201,-0.496 -7.21901,-2.513 -9.216,-3.095c-1.08701,-0.317 -2.272,-0.674 -2.634,-0.795c-0.362,-0.12 -1.547,-0.416 -2.633,-0.657c-1.086,-0.241 -2.68601,-0.60001 -3.55501,-0.79601c-7.613,-1.72 -17.695,-2.379 -24.403,-1.593c-5.666,0.664 -10.42101,1.714 -13.78,3.04201c-0.29001,0.114 -1.178,0.467 -1.97501,0.784c-0.797,0.31599 -2.544,1.12 -3.884,1.785l-2.436,1.211l0,39.847l0,39.84799l169.58499,0l169.58601,0l0,-73.07999l0,-73.08001l-2.173,-1.41199c-3.51501,-2.283 -10.25601,-5.41901 -13.349,-6.21c-3.47,-0.887 -6.40802,-1.593 -7.65201,-1.83801c-4.134,-0.816 -12.60001,-1.004 -18.16901,-0.405"/>
        </svg>
      </header>
      <div class="content flexHold">
        <article class="content-text">
          <h2>How DevLibs is shaping Mobile gaming</h2>
          <p>Created in 2019 by Lamda Industries, DevLibs lets people create and share software themed Mad-Libs. The humorous take on the Development lifestyle spread like wild fire through out the tech community. DevLibs, which is used by more than 500,000 people everyday, has expanded its reach beyond the app and can now be shared via twitter! </p>
        </article>
        <div class="content-image">
          <img src="../img/devlibs-Face.png" alt="Face">
        </div>
      </div>
      <div class="content flexHold flexReverse">
        <div class="content-image">
          <img src="https://images.unsplash.com/photo-1457433575995-8407028a9970?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60" alt="Mad Libs">
        </div>
        <article class="content-text">
          <h2>A modern spin on a classic game</h2>
          <p>Twitter is the ideal platform for sharing and sending DevLibs. Twitter is more about the <i>social</i> and less about the <i>media</i>, and that is what makes DevLibs the perfect segway to endless threads about frameworks, languages, and scrum tactics.</p>
        </article>
      </div>
      <div class="content flexHold">
        <article class="content-text">
          <h2>Get started</h2>
          <p>DevLibs is availble on all platforms, go ahead and make your chosing on how to get started</p>
          <ul>
            <li><a href="#"><i  class="fab fa-google-play"></i></a></li>
            <li><a href="#"><i class="fab fa-apple"></i></a></li>
            <li><a href="https://dev-libs.devwarr.now.sh/"><i class="fas fa-desktop"></i></a></li>
          </ul>
        </article>
        <div class="content-image">
          <img src="../img/devlibs-Login.png" alt="Mad Libs">
        </div>
      </div>
      <footer>
        <div class="boilerPlate">
          <i class="fab fa-html5"></i>
          <i class="fab fa-css3-alt"></i>
          <i class="fab fa-react"></i>
          <i class="fab fa-node"></i>
          <i class="fab fa-swift"></i>
        </div>
        <div class="footerFlexHold">
          <nav>
            <a href="index.html">Home</a>
            <a href="about.html">About</a>
          </nav>
          <img src="../img/DevLibs-Icon.svg" alt="DevLibs-Icon">
        </div>
        <svg id= "Layer_1" data-name="Layer 1" xmlns = "http://www.w3.org/2000/svg"  viewBox = "0 0 290.99 154.01" preserveAspectRatio="none"><path class = "cls-1" d="m290.11099,0.306c-0.39301,0.473 -7.75598,1.117 -11.98199,2.297c-1.01401,0.283 -2.19901,0.605 -2.633,0.717c-1.33899,0.345 -8.19101,2.821 -9.48001,3.426c-0.28998,0.136 -1.11899,0.506 -1.84399,0.821c-3.22699,1.406 -9.077,4.455 -12.18298,6.349c-0.90802,0.553 -1.71301,1.006 -1.78802,1.006c-0.07599,0 -0.45898,0.22401 -0.85199,0.498c-0.392,0.274 -2.431,1.631 -4.53101,3.016c-10.08798,6.652 -19.366,14.35601 -30.81,25.58401c-10.19202,10 -18.21698,16.851 -26.07001,22.258c-0.94098,0.649 -1.771,1.23801 -1.84299,1.311c-0.535,0.534 -7.957,5.252 -10.138,6.44499c-1.01401,0.554 -2.26199,1.27 -2.772,1.59201c-2.05402,1.293 -12.037,6.103 -15.00299,7.228c-0.79701,0.302 -1.686,0.649 -1.97501,0.772c-0.28999,0.12299 -0.869,0.362 -1.28799,0.53099c-1.16301,0.46901 -8.26901,2.806 -9.90401,3.256c-0.79601,0.22 -2.10001,0.582 -2.897,0.80501c-0.79599,0.224 -2.33699,0.599 -3.42299,0.83499c-1.08601,0.23601 -2.44901,0.53801 -3.028,0.673c-11.36201,2.63701 -29.623,2.804 -42.26501,0.388c-3.87898,-0.742 -4.633,-0.90399 -6.58299,-1.42c-8.448,-2.23199 -12.173,-3.621 -19.882,-7.412c-3.83099,-1.88499 -5.58,-2.685 -8.03099,-3.677c-0.797,-0.32199 -1.745,-0.707 -2.10699,-0.855c-1.21201,-0.496 -7.21901,-2.513 -9.216,-3.095c-1.08701,-0.317 -2.272,-0.674 -2.634,-0.795c-0.362,-0.12 -1.547,-0.416 -2.633,-0.657c-1.086,-0.241 -2.68601,-0.60001 -3.55501,-0.79601c-7.613,-1.72 -17.695,-2.379 -24.403,-1.593c-5.666,0.664 -10.42101,1.714 -13.78,3.04201c-0.29001,0.114 -1.178,0.467 -1.97501,0.784c-0.797,0.31599 -2.544,1.12 -3.884,1.785l-2.436,1.211l0,39.847l0,39.84799l169.58499,0l169.58601,0l0,-73.07999l0,-73.08001l-2.173,-1.41199c-3.51501,-2.283 -10.25601,-5.41901 -13.349,-6.21c-3.47,-0.887 -6.40802,-1.593 -7.65201,-1.83801c-4.134,-0.816 -12.60001,-1.004 -18.16901,-0.405"/>
        </svg>
      </footer>
    </div>
  </body>
</html>