-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
189 lines (182 loc) · 7.87 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
<!DOCTYPE html>
<html>
<head>
<title>PROGRAMMERXD</title>
<!-- STYLESHEETS -->
<link href="index.css" rel="stylesheet" preload="auto" >
<link href="responsive.css" rel="stylesheet">
<!-- Smtp ~ contact form -->
<script src="https://smtpjs.com/v3/smtp.js"></script>
<!-- Anime.js -->
<!-- no use rn :-- <script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.min.js"></script> -->
<!-- Jquery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<!-- Data Aos
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/aos.css"> -->
<!-- icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- fonts -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Righteous&display=swap">
<!-- X-icon -->
<link rel="icon" href="./assets/img/icon.png" type="image/x-icon">
<!-- Meta tags -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta name="keywords" content="Developer, designer, website, web developer, Landing Page, LandingPage, Naman, Saini, NamanSaini, Naman Saini, ProgrammerXD, programmerxd, programmarxd, Programmer XD, resume, personal, card, cards, portfolio" />
<meta name="author" content="ProgrammerXD / Naman Saini" />
<meta name="title" content="Naman Saini" />
<meta name="description" content="About Naman Saini/ProgrammerXD" />
<meta property="og:image" content="./assets/img/icon.png" />
<meta property="og:title" content="Naman Saini" />
<meta property="og:url" content="https://www.programmerxd.in" />
<meta property="og:type" content="website" />
<meta property="og:description" content="About Naman Saini/ProgrammerXD" />
<meta property="og:locale" content="en_US" />
<meta property="og:site_name" content="ProgrammerXD.in" />
<meta name="twitter:title" content="Naman Saini" />
<meta name="twitter:description" content="About Naman Saini/ProgrammerXD" />
<meta name="twitter:url" content="https://www.programmerxd.in" />
<meta name="twitter:image" content="./assets/img/icon.png" />
<meta id="themeH" name="theme-color" content="#000" />
<meta name = "revised" content = "ProgrammerXD, 2/8/2022" />
</head>
<!-- Google tag (gtag.js)
<script async src="https://www.googletagmanager.com/gtag/js?id=G-BYRQXJ2PSG"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-BYRQXJ2PSG');
</script>-->
<!--Menu navigation bar-->
<header>
<div id="nav-placeholder"></div>
</header>
<!-- Start of body-->
<body>
<div class="mega-block mb-A">
<!-- Block A ~ GREETINGS -->
<div class="container c-left" id="1">
<div class="blocks blockA">
<div class="data">
<h1> Hellow <span class="fi">Stalker</span><span class="lf">Stalker</span></h1> <br>
<p>I am glad that you visited my WebSite . Let's explore more, just click the button below.
</p>
<button onclick="location.href='#2'" class="btn">Know more ⤵</button>
</div>
<div class="img imgA">
</div>
</div>
<hr class="hr" align="center" >
</div>
<!-- Block B ~ INTRODUCTION -->
<div class="container c-right" id="2">
<div class="blocks blockB">
<div class="img imgB">
</div>
<div class="data">
<h1 class="iffi">About <span class="fi">me</span><span class="lf">me</span></h1>
<p>Am 18yrs old & I am a <font style="color: pink;">web dev.</font> since 2019, and have some great skills in </javascript> & Web-Development. </p>
<button onclick="location.href='#8-A'" class="btn">MEET ASSISTANT ⤵</button>
</div>
</div>
<hr id="8-A" class="hr hrL" align="center" >
</div>
<!-- Block A ~ GREETINGS -->
<div class="container c-left" id="8">
<div class="blocks blockA">
<div class="data">
<h1> Meet my <span class="fi">Assistant</span><span class="lf">Assistant</span></h1> <br>
<p>
She is an AI art created by DALL-E and she is very kind.
Her age is a secret bfiut meanwhile she's so smart
</p>
<button onclick="location.href='#3-A'" class="btn">Check my Projects ⤵</button>
</div>
<div class="img imgC">
</div>
</div>
<hr id="3-A" class="hr" align="center" >
</div>
<!-- Block C ~ PROJECTS -->
<div class="container projects" id="3">
<h1 class="iffi hdng" align="center">My <span class="fi">Projects</span><span class="lf">Projects</span></h1>
<div class="blocks blockC">
<div class="data">
<div class="list">
<div class="games-section sections-clob" id="games">
<p>Mini Games</p>
<button onclick="location.href='games.html'"> Play Now >> </button>
</div>
<div class="music-section sections-clob" id="musicz">
<p>Listen Songs</p>
<button onclick="location.href='./Musics/index.html'"> Continue >> </button>
</div>
<div class="clcli-section sections-clob" id="clcli">
<p>Clones & Clients</p>
<button onclick="location.href='clcli.html'"> Explore >> </button>
</div>
<!--
<button onclick="location.href='https://instagram.programmerxd.in'" class="btn">Realtime Chat-app in JS</button>
<button onclick="location.href='./Money-Game/index.html'" class="btn">Squid/Money Game</button>
<button onclick="location.href='./RoadToInfinity/index.html'" class="btn">RTI - Game</button>
<button onclick="location.href='./TelegramUi/index.html'" class="btn">Telegram UI</button>
<button onclick="location.href='./Musics/index.html'" class="btn">Music Playlist</button>
<button onclick="location.href='https://naman77s.github.io/Hn24/'" class="btn">HN24 Web-app</button>
<button onclick="location.href='https://naman77s.github.io/ufolinux'" class="btn">UFO linux website</button>
-->
<!--
<button onclick="location.href='./Inf.html'" class="btn">Mobile Information Grabber</button>
<button onclick="location.href='./Repeater/index.html'" class="btn">Text Repeater</button>
<button onclick="location.href='./Calculator.html'" class="btn">The Calculator</button>
-->
</div>
</div><br>
<!-- <button align="center" onclick="location.href='#5-A'" class="btn btn-hire">Want to hire me?</button> -->
</div>
<hr class="hr hrL hrL2" align="center" >
<!--<div class="project-img"></div>-->
</div>
<!-- Block D ~ STATISTICS -->
<div class="container" id="4">
<h1 class="font-sts" align="center">Statistics</h1>
<div class="blocks blockD">
<a class="stats" href="https://github.com/naman77s">
<img align="center" src="https://github-readme-stats.vercel.app/api?username=naman77s&show_icons=true&theme=radical" alt="Overall Stats" />
</a><br>
<a class="stats-lang" href="https://github.com/naman77s">
<img align="center" src="https://github-readme-stats.vercel.app/api/top-langs/?username=naman77s&layout=compact&theme=radical" alt="Languages Stats" />
</a>
</div>
<hr id="5-A" class="hr hrL hrL2" align="center" >
</div>
<!-- Block E ~ CONTACT ME -->
<div class="container" id="5">
<h1 align="center">Contact Now!</h1>
<div class="blocks blockE">
<div class="data">
<div class="contact-form">
<form class="cform" method="post" action="javascript:sendmail()">
<div class="row">
<input class="name" id="name" type="text" name="name" placeholder="Full name" required/>
<input class="email" id="email" type="email" name="email" placeholder="[email protected]" required/>
<textarea class="message" id="message" name="message" placeholder="Type your Message here.." required></textarea>
<button type="submit" class="btn btn-form" onclick="return true;">Send Message</button>
</div>
</form>
</div>
<br>
<img class="map" src="./assets/img/Bharat.svg" alt="MAP" height="auto" width="auto"><br>
</div>
</div>
</div>
</div>
<div id="footer-placeholder"></div>
<br>
<!-- Last Block ~ SHORT CANVAS GANE-->
<!-- not in use rn :-- <cavas id="cavas" height="300" width="380"></cavas> -->
<!-- loading scripts... -->
<script src="index.js"></script>
</body>
</body>
</html>