ClickPort.github.io/index.html at main · kidKrishkode/ClickPort.github.io · 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
<html lang="en">
<head>
	<meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title version="1.0">Click Port</title>
	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"/>
	<link rel="stylesheet" href="./Component/origin.css"/>
	<link rel="icon" href="./img/logo.png"/>
</head>
<body>
	<header>
        <nav class="navbar navbar-light bg-light">
            <a class="navbar-brand" href="./index.html">
               <img src="./img/logo.png" width="30" height="30" class="d-inline-block align-top" alt="logo">
                Click Port
            </a>
			<button class="navbar-toggler" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
				<span class="navbar-toggler-icon"></span>
			</button>
        </nav>
	</header>
	<section class="workspace container">
		<h2>WELCOME TO Click Port</h2>
		<p>Your gateway to click-powered fun! Test your clicking skills, earn badges, and compete with friends. Get ready to embark on an exciting journey of speed and precision! Your future depend on your right clicks.</p>
		<!---add put here--->
		<small class="form-text text-muted">To test your click power use the following pad to click.</small>
		<div class="container" id="targetDiv">
			<span>Click here to start the test</span>
		</div>
		<div class="flo Credoption">
			<div class="form-group">
				<label for="time">Time limit:</label>
				<select class="form-control" id="time">
					<option>30 sec</option>
					<option selected="true">1 min</option>
					<option>2 min</option>
					<option>3 min</option>
					<option>5 min</option>
				</select>
			</div>
			<div class="form-group">
				<label for="click">Total clicks:</label>
				<input class="form-control" type="number" placeholder="0" id="click" readonly/>
			</div>
		</div>
		<br>
		<p>In our digital age, clicks have become synonymous with productivity, efficiency, and engagement. From navigating websites to interacting with apps, clicks play a vital role in our daily lives, shaping our online experiences and influencing our interactions with technology. Whether it's completing tasks, making purchases, or simply browsing the web, the power of a single click can streamline processes, foster connections, and drive innovation. At Click Port, we recognize the significance of clicks and strive to celebrate and harness their potential through entertaining games and interactive challenges. Join us as we explore the endless possibilities of the humble click.</p>
	</section>
	<section class="workspace modal fade" tabindex="-1" role="dialog" id="message" aria-hidden="true">
		<div class="modal-content">
			<div class="modal-header"></div>
			<div id="batch"></div>
			<div class="modal-body">
				<h4 id="level">Turtle Master</h4>
				<p>Well... You clicked with the speed of
					<span id="cps">5.6CPS</span><br>
					You made <span id="cit">28 Clicks in 5 Seconds</span><br>
					<span id="comment"></span>
					Play again to be a<br>
				</p>
				<div class="flo">
					<img src="./img/3.png" alt="loading.."/>
					<img src="./img/9.png" alt="loading.."/>
					<img src="./img/11.png" alt="loading.."/>
				</div>
				<p>
					Challenge Your Friends to Beat Your Score.
				</p>
			</div>
			<div class="modal-footer">
				<button class="btn btn-info" onclick="messageClose();">Done</button>
			</div>
		</div>
	</section>
	<footer>
		<h4>Click Port</h4>
		<div class="flo">
			<i class="fa fa-facebook"></i>
			<i class="fa fa-google"></i>
			<i class="fa fa-github"></i>
			<i class="fa fa-instagram"></i>
			<i class="fa fa-linkedin"></i>
		</div>
		<hr>
		<p>In Click Port, the ultimate destination for click-based challenges! Whether you're a casual clicker or a seasoned pro, Click Port offers an array of addictive games to test your speed and accuracy. Earn badges, track your progress, and compete with friends for the top spot on the leaderboard. Join the fun today!</p>
		<div class="copyright text-muted">
			Copyright 2024©    All rights under reserved
		</div>
	</footer>
</body>
<script src="./Component/defult.js"></script>
</html>