NotesTech/About.html at main · Keshavgoyal09/NotesTech · 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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>NoteSolves Navbar</title>
  <link rel="stylesheet" href="style.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
</head>
<body>
    <!-- navbar -->
    <nav class="navbar">
    <div class="logo"><img src="https://cdn-icons-png.flaticon.com/512/29/29302.png" alt="Book" />
      <span>NotesTech</span></div>
    <ul class="nav-links" id="navLinks">
      <li><a href="About.html">About</a></li>
      <li><a href="index.html">Material</a></li>
      <li><a href="contactus.html">Contact</a></li>
    </ul>
    <div class="hamburger" id="hamburger">
      <span></span>
      <span></span>
      <span></span>
    </div>
  </nav>

    <main class="content">
 <section class="hero-section" style="background-image: url('A1.jpg');height: 80vh;">
            <div class="overlay">
      <h1>ABOUT</h1>
  </section>
<section class="about-section">
  <div class="container">
    <div class="left-column">
      <h2>Where Quality Notes Meet<br>Student Success….</h2>
    </div>
    <div class="right-column">
      <p><strong>
        Welcome to a platform where quality notes are the cornerstone of your academic success.
        At @notestech, we understand the pivotal role that well-organized, accurate, and comprehensive
        notes play in achieving your educational goals.
      </strong></p>
      <p>
        Our meticulously crafted notes are designed to make your study sessions more effective and efficient.
        Whether you’re preparing for exams, tackling complex subjects, or simply striving to enhance your
        understanding, our resources are tailored to support you every step of the way.
      </p>
    </div>
  </div>
</section>
    </main>
    <!--  Footer Section -->
<footer class="main-footer">
  <div class="footer-top">
    <div class="footer-left">
      <p>Your generosity fuels our platform's growth. Scan the QR code using Contact with us.</p>
      <p class="highlight">Even the smallest contribution creates a substantial impact on our mission.</p>
    </div>
    <div class="footer-right">
      <img src="QR.jpeg" alt="QR Code" />
    </div>
  </div>
  <div class="footer-bottom">
   <p>&copy; 2024 NotesTech™ | <a href="#">Disclaimer</a></p>
  </div>
</footer>
</body>
</html>
<script src="script.js"></script>