-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfrontend.html
69 lines (63 loc) · 3.97 KB
/
frontend.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Chalo time pass kare</title>
<link rel="stylesheet" href="stylesheet.css">
<!-- Google font link-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Dosis:wght@700&display=swap" rel="stylesheet">
</head>
<body>
<div class="header">
<div class="header-logo">Chalo time <br>pass kare!</div>
<div class="header-list">
<ul>
<li class="cool-link"><a href="#game">Games</a></li>
<li class="cool-link"><a href="#Quiz">Quiz</a></li>
<li class="cool-link"><a href="#about">About us</a></li>
</ul>
</div>
</div>
<div class="main">
<embed src="C:\Users\palak\Downloads\soundfile.mp3" autostart height="1" width="1" loop="true"><img src="https://i.gifer.com/LL5N.gif" alt="sorry"></embed>
<div class="contents">
<div class="heading gradient-text" id="game">GameWeb By Professor Proton</div>
<div class="copy-container">
<p style="margin-left: 50px ;padding: 0 7em 2em 0;border-width: 100px; border-color: black; border-style:solid;"> <h1>HELLO WORLD.</h1>
<h2>Let's increase our buffer time! Because why not? lol</h2></p>
</div>
<div class="game-section">
<div class="contents-item custom">
<a href="g1.html"><img src="https://cdn.dribbble.com/users/2054184/screenshots/5268250/dribbble-knife-pentila.gif" alt="https://static.highsnobiety.com/thumbor/6EelKy3ays8jIDXuE_YkNVggcdk=/1200x720/static.highsnobiety.com/wp-content/uploads/2020/01/30121714/new-emoji-2020-feat.jpg" height="300px" width="250px" ></a>
<p class="para">Dicey-Slicy</p>
</div>
<div class="contents-item custom">
<a href="SnakeGame/snake.html"><img src="https://i0.wp.com/art.pixilart.com/fb74458ef703afa.gif?resize=300%2C300&ssl=1" alt="https://static.highsnobiety.com/thumbor/6EelKy3ays8jIDXuE_YkNVggcdk=/1200x720/static.highsnobiety.com/wp-content/uploads/2020/01/30121714/new-emoji-2020-feat.jpg" height="300px" width="250px"></a>
<p class="para">Snake Game</p>
</div>
<div class="contents-item custom">
<a href="g3.html"><img src="https://cdn.dribbble.com/users/17825/screenshots/3065526/bow-and-arrow.gif" alt="https://static.highsnobiety.com/thumbor/6EelKy3ays8jIDXuE_YkNVggcdk=/1200x720/static.highsnobiety.com/wp-content/uploads/2020/01/30121714/new-emoji-2020-feat.jpg" height="300px" width="250px"></a>
<p class="para">Arrow Shooting</p>
</div>
<div class="contents-item custom">
<a href="g4.html"><img src="https://images-na.ssl-images-amazon.com/images/I/61NYklafduL.png" alt="https://static.highsnobiety.com/thumbor/6EelKy3ays8jIDXuE_YkNVggcdk=/1200x720/static.highsnobiety.com/wp-content/uploads/2020/01/30121714/new-emoji-2020-feat.jpg" height="300px" width="250px"></a>
<p class="para">Tic-Tac-toe</p>
</div>
<div class="contents-item custom">
<a href="FlappyBird/index.html"><img src="https://miro.medium.com/max/566/0*QVsfpDQDKnqnLPAB.gif" alt="https://static.highsnobiety.com/thumbor/6EelKy3ays8jIDXuE_YkNVggcdk=/1200x720/static.highsnobiety.com/wp-content/uploads/2020/01/30121714/new-emoji-2020-feat.jpg" height="300px" width="250px"></a>
<p class="para">Flappy-Bird</p>
</div>
<div class="contents-item custom">
<a href="CarRacer/Car.html"><img src="https://cdn.dribbble.com/users/46511/screenshots/3454558/protocar.gif" height="300px" width="250px"></a>
<p class="para">Car-Racer</p>
</div>
<div class="contents-item custom">
<a href="Tetris.html"><img src="https://i.pinimg.com/originals/f3/e6/4a/f3e64a3c37c4fcaeef74cfef83ff9847.gif" height="300px" width="250px"></a>
<p class="para">Tetris</p>
</div>
</div>
</div>
</body>
</html>