-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
143 lines (139 loc) · 6.16 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<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=Quicksand&family=Roboto:ital@1&display=swap" rel="stylesheet">
<title>Document</title>
<link href="/index.css" rel="stylesheet" type="text/css">
</head>
<body>
<!-- -------Loading Screen Code --------- -->
<div class='loading_screen'>
<p class='loading-msg1'>Website window loaded </p>
<p class="loading-msg2">All Assets Loaded</p>
<h1 class='loading-welcome'>!!!Welcome!!!</h1>
<span id='cursor'>  </span>
</div>
<div id='test_images'></div>
<script src='index.js'></script>
<!-- -------actual page --------------- -->
<div class="main">
<header>
<a href="/cv">Plain CV</a>
<a href="/about">About me</a>
<a href="/projects">Projects</a>
<a href="/#contactme">Contact me</a>
</header>
<div class="sk_cont">
<div class="sk">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 785 550">
<defs>
<style>
.cls-1 {
opacity: 0.64;
}
.cls-2 {
fill: none;
stroke: #f2f2f2;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 3px;
}
</style>
</defs>
<title>neon_text (3)</title>
<g id="Layer_2" data-name="Layer 2">
<g id="Layer_1-2" data-name="Layer 1">
<g id="neon_text">
<g id="blue_effect">
<image width="785" height="550" href='/assets/neon_1-min.png'></image>
<image width="785" height="550" href='/assets/neon_2-min.png'></image>
<image width="785" height="550" href='/assets/neon_2-min.png'></image>
<image width="785" height="550" href='/assets/neon_3-min.png'></image>
</g>
<g id="upper" class="cls-1">
<path class="cls-2"
d="M55.0293,433.18812c27.439,16.29779,67.54248,29.87946,109.75634,29.87946,62.61768,0,99.20313-31.91738,99.20313-78.09462,0-42.78183-25.32813-67.22907-89.353-90.997-77.39258-26.484-125.23486-65.1917-125.23486-129.70409C49.40088,92.96864,110.61133,40,202.77832,40c48.54639,0,83.72461,10.86556,104.83154,22.40987l-16.88525,48.21461A194.158,194.158,0,0,0,200.668,88.89392c-64.72852,0-89.35352,37.3496-89.35352,68.58711,0,42.78183,28.84668,63.83365,94.27832,88.28033,80.20655,29.87945,121.01368,67.22906,121.01368,134.45756,0,70.62448-54.17481,131.742-166.042,131.742-45.73193,0-95.68506-12.90237-121.01367-29.20015Z" />
<path class="cls-2"
d="M410.32959,388.58827V47.47015H471.54V268.17123h2.11035c12.66406-17.6564,25.3291-33.95419,37.28906-48.89391L655.875,47.47015h75.98438l-171.66993,194.217L745.22754,505.1701H672.75977L516.56836,280.39429,471.54,330.64626V505.1701H410.32959V469.58422" />
</g>
</g>
</g>
</g>
</svg>
</div>
</div>
<div class="list">
<ul>
<li>
<h3>My CV</h3>
<p>If you are looking to hire me and have less time to evaluate me, My CV contains all my information in pdf.</p>
<button onclick="location.href='/cv';">Open My CV</button>
</li>
<li class='right' style='left:100%;padding-right: 20px;transform: translateX(-75%);'>
<h3>Projects</h3>
<p>If you want to view my projects in a formatted manner . visit projects page</p>
<button onclick="location.href='/projects';">Open Projects Page</button>
</li>
<li>
<h3>About</h3>
<p>About page contains a little bit of bragging about myslef</p>
<button onclick="location.href='/about';">Open About Page</button>
</li>
<li class='right' style='left:100%;padding-right: 20px;transform: translateX(-75%);'>
<h3>Client Area</h3>
<p>If you want to hire me as a Freelancer, then open the website below and get in touch</p>
<button onclick="location.href='/client';">Open Client Area</button>
</li>
</ul>
</div>
<div class= "my_card ">
<input type="checkbox" id="card" class="more" aria-hidden="true">
<div class="my_card_flip">
<div class="my_card_front">
<div class="my_card_img">
</div>
<div class='my_card_t_i'>
<div class="my_card_f_text">
<p>``` I am just a guy who is good at reading and googling ```</p>
</div>
<div class="my_card_f_icons">
<div class="my_card_f_icon">
<img src='/assets/twit.png'>
<label class='l_twit' ><span>@codeswith</span></label>
</div>
<div class="my_card_f_icon">
<img src='/assets/git.jpg'>
<label class='l_git'><span >@surajkumar-sk</span></label>
</div>
<div class="my_card_f_icon">
<img src='/assets/insta.png'>
<label class='l_insta'><span>@codewith_sk</span></label>
</div>
<div class="my_card_f_icon">
<img src='/assets/linkd.png'>
<label class='l_linkd'><span >@codewith_sk</span></label>
</div>
</div>
</div>
<label class='my_card_f_check' for="card"><div></div><p>Write to Me</p></label>
</div>
<div class="my_card_back">
<h1>Contact Me</h1>
<form>
<input type='text' placeholder="Email" name='email'>
<textarea rows="4" cols="40" name="comment" placeholder="Message"></textarea>
<input class='msg_button' type='submit' value="Send">
</form>
</div>
</div>
</div>
<div class="footer"></div>
</div>
<script src="/index.js"></script>
</body>
</html>