Skip to content

Commit e168428

Browse files
mahii-17mahii-17
authored
Add files via upload
1 parent a5bce9c commit e168428

File tree

4 files changed

+161
-1
lines changed

4 files changed

+161
-1
lines changed

‎README.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
# withme
1+
# code

‎index.html

+50
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<link rel="stylesheet" href="style.css" />
5+
</head>
6+
<body>
7+
<div class="container">
8+
<div>
9+
<h1 class="header_text">Do you wanna go to SRT honeyy?</h1>
10+
</div>
11+
12+
<div class="gif_container">
13+
<img
14+
src="https://i.postimg.cc/pdNqPxx1/milk-and-mocha-cute.gif"
15+
alt="Cute animated illustration"
16+
/>
17+
</div>
18+
<div class="buttons">
19+
<button class="btn" id="yesButton" onclick="nextPage()">Yes</button>
20+
<button
21+
class="btn"
22+
id="noButton"
23+
onmouseover="moveButton()"
24+
onclick="moveButton()"
25+
>
26+
No
27+
</button>
28+
29+
<script>
30+
function nextPage() {
31+
window.location.href = "yes.html";
32+
}
33+
34+
function moveButton() {
35+
var x =
36+
Math.random() *
37+
(window.innerWidth -
38+
document.getElementById("noButton").offsetWidth);
39+
var y =
40+
Math.random() *
41+
(window.innerHeight -
42+
document.getElementById("noButton").offsetHeight);
43+
document.getElementById("noButton").style.left = `${x}px`;
44+
document.getElementById("noButton").style.top = `${y}px`;
45+
}
46+
</script>
47+
</div>
48+
</div>
49+
</body>
50+
</html>

‎style.css

+88
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,88 @@
1+
body {
2+
display: flex;
3+
justify-content: center;
4+
align-items: center;
5+
height: 100vh;
6+
7+
background: linear-gradient(rgb(0, 249, 236), rgb(71, 150, 229));
8+
}
9+
10+
#noButton {
11+
position: absolute;
12+
margin-left: 150px;
13+
transition: 0.5s;
14+
margin-top: 30px;
15+
}
16+
17+
#yesButton {
18+
position: absolute;
19+
margin-right: 150px;
20+
margin-top: 30px;
21+
}
22+
23+
.header_text {
24+
font-family: "Nunito";
25+
font-size: 50px;
26+
font-weight: bold;
27+
28+
text-align: center;
29+
margin-top: 20px;
30+
margin-bottom: 20px;
31+
color: #ffffff;
32+
}
33+
34+
.text {
35+
font-family: "Nunito";
36+
font-size: 25px;
37+
font-weight: bold;
38+
color: white;
39+
text-align: center;
40+
margin-top: 20px;
41+
margin-bottom: 0px;
42+
}
43+
44+
.buttons {
45+
display: flex;
46+
flex-direction: row;
47+
justify-content: center;
48+
align-items: center;
49+
margin-top: 20px;
50+
margin-left: 20px;
51+
}
52+
53+
.btn {
54+
background-color: #017cff;
55+
color: white;
56+
font-weight: 600;
57+
padding: 15px 32px;
58+
text-align: center;
59+
display: inline-block;
60+
font-size: 16px;
61+
margin: 4px 2px;
62+
cursor: pointer;
63+
border: none;
64+
border-radius: 12px;
65+
transition: background-color 0.3s ease;
66+
box-shadow: 0 3px 3px black;
67+
}
68+
69+
.btn:hover {
70+
background-color: #ffffff;
71+
color: #017cff;
72+
}
73+
74+
.gif_container {
75+
display: flex;
76+
justify-content: center;
77+
align-items: center;
78+
}
79+
p {
80+
color: white;
81+
margin-left: 50%;
82+
}
83+
p a {
84+
color: rgb(255, 255, 255);
85+
font-size: 20px;
86+
font-weight: 600;
87+
opacity: 0.25;
88+
}

‎yes.html

+22
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<link rel="stylesheet" href="style.css" />
5+
</head>
6+
<body>
7+
<div class="container">
8+
<div>
9+
<h1 class="header_text">Yeeyy ! Finally</h1>
10+
</div>
11+
<div class="gif_container">
12+
<img
13+
src="https://i.postimg.cc/wTDG30TB/yes.gif"
14+
alt="Cute animated illustration"
15+
/>
16+
</div>
17+
<button class="btn" id="yesButton" onclick="nextPage()">
18+
Let's Fix a Date Shona
19+
</button>
20+
</div>
21+
</body>
22+
</html>

0 commit comments

Comments
 (0)