Quotivate/aboutus.html at develop · blaquebeardcoder/Quotivate · 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
<!DOCTYPE html>
<html>

<head>
  <title>Quotivate</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <link rel="stylesheet" href="css/style.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

</head>

<body>


  <!-- Navbar for the window -->
  <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
    <div class="fluid">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-main">
          <span class="sr-only"> Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="index.html"> <img src="img/logo_orange.png" alt=""></a>
      </div>
      <div class="collapse navbar-collapse" id="navbar-collapse-main">
        <ul class="nav navbar-nav">
          <!-- <li class="nav-flexing"> <a class="active" href="index.html">Home</a></li> -->
          <li class="nav-flexing"> <a href="explore.html">Explore</a></li>
          <li class="nav-flexing"> <a href="topics.html">Topics</a></li>
          <li class="nav-flexing"> <a href="quotes.html">Quotes</a></li>
          <li class="nav-flexing"> <a href="aboutus.html">About Us</a></li>
          <li class="nav-flexing"> <a href="contactus.html">Contact Us</a></li>
        </ul>
      </div>
    </div>
  </nav>

  <div id="abtusBg">
    <div class="landing-text">
      <h1 id="abtusH1">About</h1>
    </div>
  </div>

  <div class="padding-aboutus">
    <div class="container-aboutus">
      <div class="row-aboutus">
        <div class="col-12 text-center abtParaDiv">
          <!-- <h2>Quotivate</h2> -->
          <p id="aboutpara">
            <span style="color: orange; font-weight: 800;"> Quotivate</span> is a thought provoking mobile responsonsive
            web app that encourages users to explore through more than 75,000 motivational quotes.<br><br>
            Whether it's classic historical philosophers and leaders, or modern day entrepreneurs, pop icons and
            influencers, we feature quotes from the most brilliant minds in motivation, sports, philosophy, and
            everything in between. <br><br>
            Our mission is to present these little nuggets of widsom in a visually-appealing manner that makes their
            message pop!
            You can discover new and exciting quotes randomly by pressing the "Surprise Me" button on the main page, or
            you can do a search by keywords, authors or topics. The quotes are displayed on beautiful mobile responsive
            cards, and include the quote text and the author.

            <br><br>Quotivate was designed and developed by Front End Developers Naeem Shafi & Jahaziel Israel, and will
            include many new features and updates very soon.
          </p>
        </div>
      </div>
    </div>
  </div>

  <!-- <script src="js/SearchbyAuthor.js"></script> -->
</body>

</html>