User-Interface/about.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
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
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Meat the team</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>
      <main>
        <section class="content aboutHold">
          <img id="about" src="../img/people/Dev.jpg" alt="">
          <h4>"Disrupting the mobile gaming industry" -Devin Warrick </h4>
          <p>Pictured above is CTO Devin Warrick, our lead architect behind Dev-Libs. With the growing presence of social media and the lifestyle and culture of software developement becoming more defined, Dev-Libs allows techies to share a unique take on development life in the form of humor.</p>
        </section>
          <div class="Team-title">
            <h1>Meet the Dev-lib team</h1>
          </div>
          <section class="content flexHoldPerson">
            <div class="Team flexHoldPerson">
              <div class="person">
                <img src="../img/people/Kyle.png" alt="">
                <h3>Kyle</h3>
                <p>Kyle is our lead UI/Design developer</p>
                <div class="GitHold">
                  <a href="https://github.com/YeetOrBeYate"><i id="github"class="fab fa-github"></i></a>
                </div>
              </div>
            </div>
            <div class="Team flexHoldPerson">
              <div class="person">
                <img src="../img/people/Ifiok.png" alt="">
                <h3>Ifiok</h3>
                <p>Ifiok is part of our Frontend Team</p>
                <div class="GitHold">
                  <a href="https://github.com/ifiokudoidiok"><i id="github"class="fab fa-github"></i></a>
                </div>
              </div>
              <div class="person">
                <img src="../img/people/Isla.jpeg" alt="">
                <h3>Isla</h3>
                <p>Isla is part of our Frontend Team</p>
                <div class="GitHold">
                  <a href="https://github.com/IslaMcN"><i id="github"class="fab fa-github"></i></a>
                </div>
              </div>
            </div>
            <div class="Team flexHoldPerson">
              <div class="person">
                <img src="../img/people/Tania.jpg" alt="">
                <h3>Tania</h3>
                <p>Tania is our Lead Backend developer</p>
                <div class="GitHold">
                  <a href="https://github.com/taniamichelle"><i id="github"class="fab fa-github"></i></a>
                </div>
              </div>
            </div>
          </section>
          <section class="content flexHoldPerson">
            <div class="Team flexHoldPerson">
              <div class="person">
                <img src="../img/people/Troy.jpeg" alt="">
                <h3>Troy</h3>
                <p>Troy is part of our Android Team</p>
                <div class="GitHold">
                  <a href="https://github.com/TroyChristian"><i id="github"class="fab fa-github"></i></a>
                </div>
              </div>
              <div class="person">
                <img src="../img/people/Tyler.jpeg" alt="">
                <h3>Tyler</h3>
                <p>Tyler is part of our Android Team</p>
                <div class="GitHold">
                  <a href="https://github.com/TylerChristian711"><i id="github"class="fab fa-github"></i></a>
                </div>
              </div>
            </div>
            <div class="Team flexHoldPerson">
              <div class="person">
                <img src="../img/people/CC.jpeg" alt="">
                <h3>Ciara</h3>
                <p>Ciara is part of our iOS Team</p>
                <div class="GitHold">
                  <a href="https://github.com/ladybeitel"><i id="github"class="fab fa-github"></i></a>
                </div>
              </div>
              <div class="person">
                <img src="../img/people/Marc.jpeg" alt="">
                <h3>Marc</h3>
                <p>Marc is part of our iOS Team</p>
                <div class="GitHold">
                  <a href="https://github.com/MarcJacques"><i id="github"class="fab fa-github"></i></a>
                </div>
              </div>
            </div>
          </section>
      </main>
      <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>