Mini-Projects/index.html at main · IntruderrG/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
<!DOCTYPE html>
<html>
  <head>
    <title>Clicksy.com</title>
    <link rel="stylesheet" href="./CSS/css1.css" />
    <link
      href="https://fonts.googleapis.com/css2?family=Playwrite+PL:wght@100..400&display=swap"
      rel="stylesheet"
    />
    <link
      href="https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap"
      rel="stylesheet"
    />
    <link
      rel="icon"
      href="./Images/hand-click-icon-trendy-outline-600nw-1410590921.webp"
    />
  </head>
  <body>
    <div class="mainContainer">
      <div class="navElem">
        CLICKSY
      </div>
      <div class="mainBody">
        <div class="rightElem">
        <img src="./Images/112.png" alt="#" class="sideimg" />
        </div>
        <div class="leftElem">
          <div class="containerBody">
            <div class="screen">
              <p class="para">0</p>
            </div>
            <div class="buttonContainer">
              <div class="buttonContainer1">
              <button class="button1" onclick=" increment()">Increment</button>
              </div>
              <div class="buttonContainer2">
              <button class="button2" onclick="decrement()">Decrement</button>
              </div>
              <div class="buttonContainer3">
              <button class="button3" onclick="setZero()">Set Zero</button>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
  <script src="./JavaScript/script1.js"></script>
</html>