NewsGrid/about.html at main · sivadathdev/NewsGrid · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link
      rel="stylesheet"
      href="https://use.fontawesome.com/releases/v5.6.3/css/all.css"
      integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/"
      crossorigin="anonymous"
    />
    <link
      href="https://fonts.googleapis.com/css?family=Lato|Staatliches"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="css/styles.css" />
    <link
      rel="stylesheet"
      media="screen and (max-width: 768px)"
      href="css/mobile.css"
    />
    <title>NewsGrid | About</title>
  </head>
  <body>
    <nav id="main-nav">
      <div class="container">
        <img src="./img/logo.png" alt="Logo" class="logo" />
        <div class="social">
          <a href="http://facebook.com" target="_blank"
            ><i class="fab fa-facebook fa-2x"></i
          ></a>
          <a href="http://twitter.com" target="_blank"
            ><i class="fab fa-twitter fa-2x"></i
          ></a>
          <a href="http://instagram.com" target="_blank"
            ><i class="fab fa-instagram fa-2x"></i
          ></a>
          <a href="http://youtube.com" target="_blank"
            ><i class="fab fa-youtube fa-2x"></i
          ></a>
        </div>
        <ul>
          <li><a href="index.html">Home</a></li>
          <li><a href="about.html" class="current">About</a></li>
        </ul>
      </div>
    </nav>

    <!-- About -->
    <section id="about">
      <div class="container page-container">
        <article class="card">
          <h1 class="l-heading">About Our Organization</h1>
          <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore distinctio tempore exercitationem molestiae illum aperiam quae harum explicabo hic, ipsum, delectus officia consectetur, mollitia inventore error consequatur ipsam dolorum iste id expedita placeat beatae. Quidem voluptatum dolore temporibus, velit, sit error, consequuntur quo assumenda animi suscipit repudiandae corporis labore quae?</p>
          <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptate blanditiis eos, quasi numquam sunt reprehenderit sit corporis ab laudantium? Corporis minus quam molestias voluptate, fugiat accusamus commodi voluptates accusantium, quidem, voluptas vitae iste hic quia facere animi debitis sunt tenetur tempore error incidunt repudiandae reprehenderit! Molestiae voluptate alias excepturi adipisci eius voluptatem quisquam provident officiis explicabo veniam? Voluptas a repellendus sed est itaque nostrum nihil voluptatem consequuntur maxime quaerat. Sunt neque id quis unde odit assumenda earum voluptatum. Quidem, sint? Tempore officia illum at provident aperiam minima recusandae molestias dolorem aliquam natus aut voluptatum delectus doloribus, mollitia nobis numquam inventore hic eum temporibus ea dolor obcaecati laborum! Recusandae, odit non maxime magnam nemo suscipit libero dolor, quis, aspernatur molestiae amet debitis tenetur nostrum exercitationem consectetur molestias ex perspiciatis cum saepe! Adipisci, quos ad distinctio possimus ipsum atque nobis odio accusamus incidunt voluptas error omnis cupiditate dignissimos maiores commodi laborum? Odio.</p>
        </article>
        <aside class="bg-primary">
          <h2>Join Our Club</h2>
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nam, natus.</p>
          <a href="" class="btn btn-dark btn-block">Join Now</a>
        </aside>
      </div>
    </section>

  <!-- Footer -->
  <footer id="main-footer" class="py-2">
    <div class="container footer-container">
      <div>
        <img src="./img/logo_light.png" alt="Newsgrid">
        <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Nam veritatis facere tempora, culpa vitae ipsa quos asperiores impedit! Omnis, exercitationem.</p>
      </div>
      <div>
        <h3>Email Newsletter</h3>
        <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit.</p>
        <form>
          <input type="email" placeholder="Enter Email">
          <input type="submit" value="Subscribe" class="btn btn-primary">
        </form>
      </div>
      <div>
        <h3>Site Links</h3>
        <ul class="list">
          <li><a href="#">Help & Support</a></li>
          <li><a href="#">Privacy Policy</a></li>
          <li><a href="#">About Us</a></li>
          <li><a href="#">Contact</a></li>
        </ul>
      </div>
      <div>
        <h2>Join Our Club</h2>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
        <a href="#" class="btn btn-secondary btn">Join Now</a>
      </div>
      <div>
        <p>Copyright &copy; 2019, All Rights Reserved</p>
      </div>
    </div>
  </footer>
  </body>
</html>