Website_Code/About_Us.html at main · Hlpred/Website_Code · 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
<!DOCTYPE html>
<head>
    <title>About Us</title>
    <link href="Main.css" type="text/css" rel="stylesheet" />
    <link href="styles.css" type="text/css" rel="stylesheet" />
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</head>
<html>
    <body>
      <div id="nav">
      </div>
      <script>
          $(function(){
            $("#nav").load("Nav.html");
          });
      </script>
      <div class="content">
        <h1 class="text-center pt-5 mt-5">
          About Us
        </h1>
        <div id="history" class="main_section">
          <div id="humble" class="subsection">
            <div class="text">
              <h2>Humble Beginnings</h2>
              <p>
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.
                Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.
              </p>
            </div>
            <div class="image">
              <img src="Img/bookstore-books-feature-700x375-1.jpg.optimal.jpg" alt="Small Bookstore" class="about_img">
            </div>
          </div>
          <div id="where_we_are" class="subsection">
            <div class="text">
              <h2>Where we are Today</h2>
              <p>
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.
                Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.
              </p>
            </div>
            <div class="image">
              <img src="Img/featured_libraries.jpg" alt="Big Library" class="about_img">
            </div>
          </div>
        </div>
        <div id="mission" class="main_section">
          <div id="finding_books" class="subsection">
            <div class="text">
              <h2>Finding Books You'll Love</h2>
              <p>
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.
                Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.
              </p>
            </div>
            <div class="image">
              <img src="Img/images.jpg" alt="Woman Reading" class="about_img">
            </div>
          </div>
          <div id="spreading_joy" class="subsection">
            <div class="text">
              <h2>Spreading the Joy of Reading</h2>
              <p>
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.
                Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.
              </p>
            </div>
            <div class="image">
              <img src="Img/Africa.png" alt="African Students" class="about_img">
            </div>
          </div>
        </div>
      </div>
    </body>
    <div id="foot">
    </div>
    <script>
      $(function(){
        $("#foot").load("Footer.html");
      });
    </script>
<html>