DSA-Patterns-and-Problems/about.html at main · SUDIPTO-2005/DSA-Patterns-and-Problems · 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
132
133
134
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>About CodeDSA</title>
    <link rel="stylesheet" href="CSS/about.css" />
    <link rel="stylesheet" href="CSS/navbar.css" />
    <link rel="stylesheet" href="CSS/snake.css" />
    <link rel="stylesheet" href="CSS/breadcrumb.css" />
    <link
      href="https://fonts.googleapis.com/icon?family=Material+Icons"
      rel="stylesheet"
    />
  </head>

  <body>
    <!-- Navbar -->
    <nav class="navbar">
     <div class="logo-container">
  <div class="logo-img">
    <img src="Images/logo.png" alt="Logo">
  </div>
  <div class="logo">CodeDSA</div>
</div>
      <div class="nav-right">
        <ul class="nav-links">
          <li><a href="index.html">Home</a></li>
          <li><a href="about.html">About</a></li>
          <li><a href="contact.html">Contact</a></li>
        </ul>
        <button id="snakeToggle" class="snake-btn">
          <span style="margin-left: 20px">Snake Cursor</span>

        </button>
        <button id="darkModeToggle" class="dark-mode-btn">🌙 Dark Mode</button>
      </div>
    </nav>

    <!-- Breadcrumb Navigation -->
    <div class="breadcrumb-container">
      <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
          <li class="breadcrumb-item"><a href="index.html">Home</a></li>
          <li class="breadcrumb-item active" aria-current="page">About</li>
        </ol>
      </nav>
    </div>

    <main>
      <section class="about-section">
        <h1>About CodeDSA</h1>
        <p>
          CodeDSA is a curated platform for mastering Data Structures &
          Algorithms, focusing on common interview patterns asked in FAANG and
          top tech companies. Each topic is explained with multiple approaches,
          pseudo-code, and time-space complexity analysis.
        </p>

        <p>
          Our goal is to provide a
          <span class="highlight">structured learning path</span> for all levels
          of programmers—from beginners to advanced. We help learners understand
          patterns, practice problems, and efficiently prepare for coding
          interviews.
        </p>

        <div class="features">
          <h2>Key Features:</h2>
          <ul>
            <li>
              <span class="material-icons">check_circle</span> Curated FAANG
              interview patterns
            </li>
            <li>
              <span class="material-icons">check_circle</span> Step-by-step
              problem approaches (Brute, Better, Optimal)
            </li>
            <li>
              <span class="material-icons">check_circle</span> Time & Space
              Complexity explained
            </li>
            <li>
              <span class="material-icons">check_circle</span> Interactive
              pseudo-code with explanations
            </li>
            <li>
              <span class="material-icons">check_circle</span> Mobile-friendly
              and responsive design
            </li>
          </ul>
        </div>

        <div class="mission-vision">
          <div class="mission">
            <h3>🎯 Our Mission</h3>
            <p>
              To make DSA learning intuitive, engaging, and pattern-focused for
              all learners.
            </p>
          </div>
          <div class="vision">
            <h3>🌟 Our Vision</h3>
            <p>
              Empower aspiring developers to confidently crack technical
              interviews at top tech companies.
            </p>
          </div>
        </div>
      </section>
    </main>

    <!-- Footer -->
    <footer>
      <div class="footer-content">
        <div class="footer-links">
          <a href="index.html" aria-label="Go to Home page">Home</a>
          <a href="about.html" aria-label="Go to About page">About</a>
          <a href="contact.html" aria-label="Go to Contact page">Contact</a>
          <a
            href="https://github.com/MrunaliniPachpute"
            target="_blank"
            rel="noopener noreferrer"
            aria-label="Visit GitHub"
            >GitHub</a
          >
        </div>
        <p>&copy; 2025 Mrunalini Pachpute. All rights reserved.</p>
      </div>
    </footer>

    <script src="index.js"></script>
  </body>
</html>