-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
119 lines (105 loc) · 6.86 KB
/
index.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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>📚Menu | Developer Sah</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.0/animate.min.css"
/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="styles.css?v=2">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
<link rel="manifest" href="favicon/site.webmanifest">
</head>
<body>
<div class="innerbox">
<h1 class="alert alert-primary" id="topline">📚 <img id="round" class="animate__animated animate__rotateIn" src="https://img.icons8.com/fluent/48/000000/github.png"/> MENU <span>(Developer Sah) </span></h1>
<div class="buttonbox">
<div class="eachbox">
<h3>Problem Solving</h3>
<a href="https://rahulsahofficial.github.io/boilerplate/" target="_blank"><button class="ps">📑 Web Boilerplate Generator</button>
<a href="https://rahulsahofficial.github.io/colors/" target="_blank"><button class="ps">🎨 Color Palettes</button>
<a href=https://rahulsahofficial.github.io/reaction-test/" target="_blank"><button class="ps">⚡ Reaction Test</button>
<a href="https://rahulsahofficial.github.io/tip-calculator/" target="_blank"><button class="ps">💰 Tip Calculator</button>
<a href="https://rahulsahofficial.github.io/ip_tracker/" target="_blank"><button class="ps">🔍 IP Address Tracker</button></a>
<a href="https://rahulsahofficial.github.io/iss_tracker/" target="_blank"><button class="ps">🛰️ ISS Tracker</button></a>
<a href="https://rahulsahofficial.github.io/quadratic/" target="_blank"><button class="ps">📐 Quadratic Equation</button></a>
<a href="https://rahulsahofficial.github.io/baseconverter/" target="_blank"><button class="ps">🔢 Base Converter</button></a>
</div>
<div class="eachbox">
<h3>Browser Game</h3>
<a href="https://rahulsahofficial.github.io/rock_paper_scissors/" target="_blank"><button class="game">👊🏻 Rock Paper Scissors</button></a>
<a href="https://rahulsahofficial.github.io/start_reactor/" target="_blank"><button class="game">🕹️ Start Reactor</button></a>
<a href="https://rahulsahofficial.github.io/unlock_manifold/" target="_blank"><button class="game">🎮 Unlock Manifolds</button></a>
<a href="https://rahulsahofficial.github.io/memorygame/" target="_blank"><button class="game">🃏 Memory Game</button></a>
<a href="https://rahulsahofficial.github.io/countrycard/" target="_blank"><button class="game">🇮🇳 Country Cards</button></a>
<a href="https://rahulsahofficial.github.io/drum/" target="_blank"><button class="game">🥁 Drum</button></a>
<a href="https://rahulsahofficial.github.io/dice/" target="_blank"><button class="game">🎲 Dice</button></a>
<a href="https://rahulsahofficial.github.io/digital_clock/" target="_blank"><button class="game">🕒 Digital Clock</button></a>
</div>
<div class="eachbox">
<h3>Frontend Mentor Design</h3>
<a href="https://rahulsahofficial.github.io/bollydb/" target="_blank"><button class="project">🎥 BollyDB Website</button></a>
<a href="https://rahulsahofficial.github.io/expense-chart-component/" target="_blank"><button class="project">📈 Expense Chart Component</button></a>
<a href="https://rahulsahofficial.github.io/dashboard/" target="_blank"><button class="project">📊 Dashboard</button></a>
<a href="https://rahulsahofficial.github.io/room_homepage/" target="_blank"><button class="project">🛋️ Room Homepage</button></a>
<a href="https://rahulsahofficial.github.io/job_listing_with_filtering/" target="_blank"><button class="project">📕 Filtering Website</button></a>
<a href="https://rahulsahofficial.github.io/loopstudios_landing_page/" target="_blank"><button class="project">📕 Loopstudios Website</button></a>
<a href="https://rahulsahofficial.github.io/flyo_dark/" target="_blank"><button class="project">📕 Flyo Dark</button></a>
<a href="https://rahulsahofficial.github.io/profile_card_component/" target="_blank"><button class="project">📕 Profile card component</button></a>
<a href="https://rahulsahofficial.github.io/testimonials_grid_section/" target="_blank"><button class="project">📕 Testimonials grid</button></a>
<a href="https://rahulsahofficial.github.io/project1/" target="_blank"><button class="project">📕 4 Card Feature</button></a>
<a href="https://rahulsahofficial.github.io/project2/" target="_blank"><button class="project">📕 Base Apparel</button></a>
<a href="https://rahulsahofficial.github.io/project3/" target="_blank"><button class="project">📕 Single Price Grid</button></a>
</div>
<div class="eachbox">
<h3>Website Practice</h3>
<a href="https://rahulsahofficial.github.io/tindog/" target="_blank"><button class="practice">🐶 Tindog Website</button></a>
<a href="https://rahulsahofficial.github.io/best/" target="_blank"><button class="practice">👨 Creative Profile</button></a>
</div>
<!-- <div class="cta"> -->
<div id="github" title="Connect on Github" class="github cta animate__animated animate__backInDown"><a href="https://github.com/RahulSahOfficial" target="_blank"><img src="https://img.icons8.com/fluent/96/000000/github.png"/></a></div>
<div id="insta" title="Connect on instagram" class="insta cta animate__animated animate__backInDown"><a href="https://www.instagram.com/developer_sah/" target="_blank"><img src="https://img.icons8.com/fluent/144/000000/instagram-new.png"/></a></div>
<!-- </div> -->
</div>
</div>
<footer>
<p>© Copyright 2020 | Created By Rahul Sah</p>
</footer>
<script>
$(document).ready(function(){
setTimeout(function(){
$("#github").show();
},500)
setTimeout(function(){
$("#insta").show();
},1000)
setTimeout(function(){
$("#github").removeClass("animate__backInDown")
setInterval(function()
{
$("#github").removeClass("animate__shakeX");
setTimeout(function(){
$("#github").addClass("animate__shakeX")
},100)
;
},5000)
setInterval(function()
{
$("#round").removeClass("animate__rotateIn");
setTimeout(function(){
$("#round").addClass("animate__rotateIn")
},100)
;
},3000)
},1500)
})
</script>
</body>
</html>