Snapcode/about.html at main · CreativeDemon/Snapcode · 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
135
136
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>About SnapCode</title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
  <style>
    .box {
      font-family: 'Arial', sans-serif;
      background-color: #121212;
      color: #e0e0e0;
      margin: 0;
      padding: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 100vh;
    }

    .container {
      width: 90%;
      max-width: 800px;
      padding: 20px;
      background-color: #1e1e1e;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
    }

    header h1 {
      text-align: center;
      margin-bottom: 20px;
    }

    .about-section h2 {
      margin-top: 20px;
      color: #66b3ff;
    }

    .about-section p,
    .about-section ul {
      line-height: 1.6;
    }

    ul {
      padding-left: 20px;
    }

    ul li {
      margin-bottom: 10px;
    }

    a {
      color: #66b3ff;
      text-decoration: none;
    }

    a:hover {
      text-decoration: underline;
    }

    footer {
      margin-top: 20px;
      text-align: center;
      font-size: 14px;
      color: #777;
    }
  </style>
</head>

<body>

  <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
    <div class="container-fluid">
      <a class="navbar-brand" href="/index.html">SnapCode</a>
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarNav">
        <ol class="navbar-nav">
          <li class="nav-item">
            <a class="nav-link active" href="/about.html">About SnapCode</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="/contact.html">Get in Touch</a>
          </li>
          <li class="nav-item">
            <a class="nav-link " aria-current="page" href="/privacy-policy.md">privacy policy</a>
          </li>
        </ol>
      </div>
    </div>
  </nav>

  <div class="box">
    <div class="container">
      <header>
        <h1>About SnapCode</h1>
      </header>
      <section class="about-section">
        <h2>What is SnapCode?</h2>
        <p>
          SnapCode is a simple and efficient platform designed to help developers, programmers, and enthusiasts share their code snippets effortlessly. Whether you're working on a collaborative project, need to share code with your team, or simply want to save your code snippets for future reference, SnapCode makes it easy.
        </p>

        <h2>Why Choose SnapCode?</h2>
        <p>
          SnapCode stands out because of its simplicity and user-friendly interface. With SnapCode, you can:
        </p>
        <ul>
          <li>Upload your code files or paste your code directly into the editor.</li>
          <li>Automatically detect the programming language and generate the appropriate file extension.</li>
          <li>Share your code with a unique link, allowing others to preview or download the code instantly.</li>
          <li>Enjoy a minimalistic, modern design with support for dark mode for comfortable coding sessions.</li>
        </ul>

        <h2>Our Mission</h2>
        <p>
          At SnapCode, our mission is to create a seamless code-sharing experience for developers worldwide. We believe that sharing knowledge and collaborating on code should be as straightforward as possible, and SnapCode is here to make that happen.
        </p>

        <h2>Get Started</h2>
        <p>
          Ready to share your code? <a href="index.html">Start using SnapCode</a> today and experience the ease of sharing code snippets with anyone, anywhere.
        </p>
      </section>
      <footer>
        <p>&copy; 2025 SnapCode. All rights reserved.</p>
      </footer>

    </div>
  </div>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
</body>

</html>