Mini-Projects/index.html at main · sarojkumar007/Mini-Projects · 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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Mini-Projects & Games | Saroj Kumar Sahoo</title>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/sarojk18/m-icons/dist/m-icons-round.min.css">
  <link rel="stylesheet" href="static/style.css">
</head>
<body class="df fxdc">
  <svg aria-hidden="true" focusable="false" style="width: 0px; height: 0px; position: absolute;">
    <symbol id="six" viewBox="0 0 1440 320" preserveAspectRatio="none">
      <path fill="var(--background)" d="M0,32L120,64C240,96,480,160,720,160C960,160,1200,96,1320,64L1440,32L1440,320L1320,320C1200,320,960,320,720,320C480,320,240,320,120,320L0,320Z"></path>
    </symbol>
  </svg>
  <main class="fx1">
    <header class="header">
      <div class="head">
        <h1 class="font2">Mini-Projects</h1>
        <p>Mini Projects / Web Apps / Games created using HTML, CSS, JavaScript.</p>
      </div>
      <svg>
        <use href="#six"></use>
      </svg>
    </header>
    <section class="sec_search">
      <form action="#!" class="search df" autocomplete="off" autocorrect="off" spellcheck="false" id="search_form">
        <input type="text" name="search" id="search" class="search_input" placeholder="Search Project" />
        <button class="search_btn df aic jcc" type="submit">
          <span class="m-icon-round">search</span>
        </button>
      </form>
    </section>
    <section class="sec_projects">
      <div class="box">
        <table class="project_table">
          <thead>
            <tr>
              <th class="cell_1">Name</th>
              <th class="cell_2">Created Using</th>
              <th class="cell_action">Link</th>
            </tr>
          </thead>
          <tbody id="project_data"></tbody>
        </table>
      </div>
    </section>
  </main>
  <footer>
    <p class="center">Saroj Kumar Sahoo</p>
  </footer>

  <script src="static/main.js"></script>
</body>
</html>