-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
253 lines (222 loc) · 12.4 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
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
<!DOCTYPE html>
<html lang="en" id="html">
<head>
<script data-ad-client="ca-pub-6036528993346308" async
src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<meta charset="UTF-8">
<meta name="theme-color" content="#080b2e" />
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
<!-- <meta name="viewport" content= "width=device-width, user-scalable=no"> -->
<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0'>
<meta name="title" content="Awesome Cheat-sheets">
<meta name="description"
content="Cheat sheets are brief description of notes for a quick revision. This project deals with various cheat sheets of HTML, CSS, PYTHON and many more.">
<meta name="keywords"
content="Awesome cheat sheets,font awesome cheat sheets,font awesome.bootstrap cheat sheets,font awesome cheatsheet android,best photography cheat sheet app,best fantasy cheat sheet app,best draft cheat sheet app,font awesome cheat sheet brands,font awesome cheat sheet bootstrap,best cheat sheet for bridge,font awesome cheatsheet css,awesome cheat sheet,font awesome cheat sheet pdf,font awesome cheat sheet pdf download,line awesome cheat sheet,liferay font awesome cheat sheet,github awesome cheat sheets,font awesome cheat sheet pro,bootstrap font awesome cheat sheet,best cheat sheets for tests,best cheat sheets for nurses,font awesome cheat sheet github,awesome cheat sheets,awesome window manager cheat sheet,awesome nested set cheat sheet,best cheat sheet python,best cheat sheet programming language,best sql cheat sheet pdf,best javascript cheat sheet pdf,">
<meta name="robots" content="index, follow">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="language" content="English">
<meta name="revisit-after" content="5 days">
<meta name="author" content="Abhi Dadhaniya">
<title>Awesome Cheat-Sheets</title>
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" href="https://awesome-cheat-sheets.online/fav-icon.png" type="image/x-icon">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
/* @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300&display=swap'); */
* {
font-family: 'Manrope', sans-serif;
}
html {
background: none;
}
#showmenu {
position: absolute !important;
color: white !important;
}
.heading {
color: white !important;
position: absolute !important;
background: transparent !important;
backdrop-filter: blur(5px) !important;
}
</style>
</head>
<body class="flex-column">
<div class="sidebar-access-btn">
<button id="sidebar-access-btn"></></button>
</div>
<div class="sidebar" id="sidebar">
<ul>
<li class="home-page"><a href="">Cheat Sheets</a></li>
<a class="webpage" href="cheat-sheet/html"><i class="fa fa-clone sidebar-icons"></i> HTML</a>
<a class="webpage" href="cheat-sheet/css"><i class="fa fa-clone sidebar-icons"></i> CSS</a>
<a class="webpage" href="cheat-sheet/python"><i class="fa fa-clone sidebar-icons"></i> Python</a>
<a class="webpage" href="cheat-sheet/c"><i class="fa fa-clone sidebar-icons"></i> C Programming</a>
<a class="webpage" href="cheat-sheet/keyboard-shortcuts"><i class="fa fa-clone sidebar-icons"></i> Keyboard
Shortcuts</a>
<a class="webpage" href="cheat-sheet/download-cheatsheets"><i class="fa fa-clone sidebar-icons"></i> Download
All Cheatsheets</a>
<a class="webpage" href="#third-team"><i class="fa fa-users sidebar-icons"></i>Our Team</a>
</ul>
</div>
<div class="main-body" id="mainBody">
<section id="first-section" class="flex-column">
<!-- <i id="showmenu" class="fa fa-bars menu" aria-hidden="true"></i> -->
<h2 class="heading"><span id="heading"><Cheat-Sheets/></span></h2>
<div class="container flex-column front-page" id="container">
<div id="main-content" class="main-content full-width-full-height">
<h1>Awesome <br> Cheat Sheets</h1>
<p href="" class="typewrite" data-period="2000"
data-type='[ "All programming cheat-sheets are available here...", "HTML", "CSS", "PYTHON","And many more..." ]'>
<span class="wrap"></span>
</p>
<div class="buttons">
<a href="#second-section" id="btn1">Watch All</a>
</div>
<div class="arrows">
<p>^</p>
<p>^</p>
</div>
</div>
</div>
</section>
<section id="second-section" class="flex-column">
<h2><Cheat Sheets/></h2>
<div class="all-cheat-sheets flex-row-warp-2">
<div class="saparate-cheat-sheet flex-column">
<img src="https://www.vnurture.in/wp-content/uploads/2019/09/html5-icon-13.png"
alt="Html Cheat sheet">
<a href="cheat-sheet/html">Html</a>
</div>
<div class="saparate-cheat-sheet flex-column">
<img
src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c3/Python-logo-notext.svg/768px-Python-logo-notext.svg.png"
alt="Python Cheat sheet">
<a href="cheat-sheet/python">Python</a>
</div>
<div class="saparate-cheat-sheet flex-column">
<img src="https://cdn4.iconfinder.com/data/icons/social-media-logos-6/512/121-css3-512.png"
alt="CSS Cheat Sheet">
<a href="cheat-sheet/css">Css</a>
</div>
<div class="saparate-cheat-sheet flex-column">
<img
src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcR5WWbSL5a8MVo0U43JcgD9xljuXD4QHnp8SA&usqp=CAU"
alt="Keyboard Shortcuts">
<a href="cheat-sheet/keyboard-shortcuts">Keyboard Shortcuts</a>
</div>
<div class="saparate-cheat-sheet flex-column">
<img src="https://cdn.iconscout.com/icon/free/png-512/c-programming-569564.png" alt="C Cheat Sheet">
<a href="cheat-sheet/c">C language</a>
</div>
<div class="saparate-cheat-sheet flex-column">
<img src="https://qph.fs.quoracdn.net/main-qimg-011de5342604fe4790a86357beec5ee5.webp"
alt="Awesome Cheat Sheets">
<a href="cheat-sheet/download-cheatsheets">Download all <br> cheat sheets</a>
</div>
</div>
</section>
<section id="third-team">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="#e9fbff" fill-opacity="1" d="M0,96L120,117.3C240,139,480,181,720,213.3C960,245,1200,267,1320,277.3L1440,288L1440,0L1320,0C1200,0,960,0,720,0C480,0,240,0,120,0L0,0Z"></path></svg>
<h2><Our Team/></h2>
<div class="all-persons flex-row-warp-2">
<div class="person flex-column" id="Rupen">
<div class="overflow-hide">
<img src="photos/team/rupen.webp" alt="Rupen Bhimani">
</div>
<div class="social flex-row">
<a href="https://www.instagram.com/rupen_bhimani/" target="_blank"><i class="fa fa-instagram"
aria-hidden="true"></i></a>
<a href="https://www.facebook.com/rupen.bhimani/" target="_blank"><i class="fa fa-facebook"
aria-hidden="true"></i></a>
<a href="https://github.com/Rupen109" target="_blank"><i class="fa fa-github"
aria-hidden="true"></i></a>
</div>
<p class="name">Rupen B.</p>
<p class="role">content creator</p>
<p class="work">Web Designer</p>
<!-- <a href="" class="visit-site">Website <i class="fa fa-external-link"></i></a> -->
</div>
<div class="person flex-column" id="Abhi">
<div class="overflow-hide">
<img src="photos/team/abhi.webp" alt="Abhi Dadhaniya">
</div>
<div class="social flex-row">
<a href="https://www.instagram.com/_abhi_dadhaniya_/" target="_blank"><i class="fa fa-instagram"
aria-hidden="true"></i></a>
<a href="https://mobile.twitter.com/abhidadhaniya3" target="_blank"><i class="fa fa-twitter"
aria-hidden="true"></i></a>
<a href="http://github.com/abhidadhaniya23" target="_blank"><i class="fa fa-github"
aria-hidden="true"></i></a>
</div>
<p class="name">D. Abhi</p>
<p class="role">Developer of website</p>
<p class="work">Front-end Developer</p>
<a href="https://www.web-developer-abhi.tk" class="visit-site">Website <i
class="fa fa-external-link"></i></a>
</div>
<div class="person flex-column" id="Vanshika">
<div class="overflow-hide">
<img src="photos/team/vanshika.webp" alt="Vanshika Gupta">
</div>
<div class="social flex-row">
<a href="https://www.instagram.com/vanshika_0111/" target="_blank"><i class="fa fa-instagram"
aria-hidden="true"></i></a>
<a href="https://github.com/vanshika0111" target="_blank"><i class="fa fa-github"
aria-hidden="true"></i></a>
</div>
<p class="name">Vanshika</p>
<p class="role">content creator</p>
<p class="work">Python And Database Management</p>
</div>
</div>
</section>
<section id="forth-disclaimer" class="flex-column">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="#080B2E" fill-opacity="1" d="M0,96L120,117.3C240,139,480,181,720,213.3C960,245,1200,267,1320,277.3L1440,288L1440,0L1320,0C1200,0,960,0,720,0C480,0,240,0,120,0L0,0Z"></path></svg>
<h2><Disclaimer/></h2>
<div class="disclaimer flex-row">
<p>If you want to be a part of this project by adding more cheat-sheets then you may pull request from here.
</p>
</div>
<a class="pull-btn" href="https://github.com/Youth-Avenue-2021/cheat-sheet.github.io/pulls" target="_blank"><i
class="fa fa-github"></i>Github Pull Request</a>
<!-- <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> -->
<!-- Square Resposive -->
<!-- <ins class="adsbygoogle" style="display:block;width:80%;height:250px;margin: 40px auto;" data-ad-client="ca-pub-6036528993346308"
data-ad-slot="6517905106" data-ad-format="auto" data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</section> -->
<!-- <div class="footer">
Copyright © 2021 || Created By ❤ <a id="youthAvenue"
href="https://github.com/youth-Avenue-2021">Youth-Avenue Team</a>.
</div> -->
<div class="footer">
Copyright © 2021 || Created By ❤ <a id="youthAvenue"
href="https://github.com/youth-Avenue-2021">Youth-Avenue Team</a>.
</div>
</div>
<script async src="script/index.js"></script>
<!-- <script async src="script/swipeScript.js"></script> -->
<script async src="script/typing.js"></script>
<script async src="script/sidebar.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-EZ2W80HJX8"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-EZ2W80HJX8');
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-196503761-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-196503761-1');
</script>
</body>
</html>