-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
129 lines (118 loc) · 6.15 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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="inc/bootstrap5/css/bootstrap.min.css"
integrity="sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I" crossorigin="anonymous">
<link rel="stylesheet" href="inc/fontawesome5/css/all.css">
<link rel="stylesheet" href="css/style.css">
<title>Soorjyakanta - Web Developer</title>
<meta property="og:site_name" content="Soorjyakanta"/>
<meta property="og:title" content="Soorjyakanta - Web Developer"/>
<meta property="og:url" content="https://soorjyakanta.com"/>
<meta property="og:type" content="website"/>
<meta property="og:description" content="I help people to solve their problems through web development."/>
<meta itemprop="name" content="Soorjyakanta"/>
<meta itemprop="url" content="https://soorjyakanta.com"/>
<meta itemprop="description" content="Soorjyakanta's official website"/>
<meta name="twitter:title" content="Soorjyakanta"/>
<meta name="twitter:url" content="https://soorjyakanta.com"/>
<meta name="twitter:card" content="summary"/>
<meta name="twitter:description" content="Soorjyakanta - Web Developer"/>
<meta name="Description" content="I help people to solve their problems through web development.">
<meta name="author" content="Soorjyakanta">
<meta name="keywords" content="Soorjyakanta, web developer, yazılım geliştirici, yazılımcı, web geliştirici">
</head>
<body>
<section class="container-section">
<section class="container-box">
<header>
<span class="hello-myname">
<span class="hi">Hi, </span>
<span class="this-is" style="font-size: 25px">This is</span>
<h1 class="name" style="font-size: 32px; display: inline;">Soorjyakanta</h1>
</span>
</header>
<article>
<span class="current-title" style="font-size: large">
Web Developer | Anime Lover<span id="typing-effect">|</span>
</span>
<br><br>
<ul id="socil-icons">
<li title="Linkedin">
<a href="https://www.linkedin.com/in/soorjyakanta-sethy-60796b1a0/" target="_blank">
<i class="fab fa-linkedin-in iconi" style="color: black"></i>
</a>
</li>
<li title="Github">
<a href="https://github.com/soorjya" target="_blank">
<i class="fab fa-github iconi"></i>
</a>
</li>
<li title="Youtube">
<a href="https://www.youtube.com/Soorjyakanta" target="_blank">
<i class="fab fa-youtube iconi"></i>
</a>
</li>
<li title="Instagram">
<a href="https://www.instagram.com/soorjyakant/" target="_blank">
<i class="fab fa-instagram iconi"></i>
</a>
</li>
<li title="Twitter">
<a href="https://twitter.com/Soorjyakanta" target="_blank">
<i class="fab fa-twitter iconi"></i>
</a>
</li>
<li title="E-mail">
<a href="soorjyakant17@gmail.com" target="_blank">
<i class="fas fa-envelope iconi"></i>
</a>
</li>
</ul>
</article>
<button class="btn-stop" tabindex="1">Stop it</button>
<div id="meInTheWorld" style="">
<div class="block-relative-fitcontet"><span class="years">--</span><span style="background: white;font-weight: 800;margin-left: 2px;bottom: 1px;position: absolute;">YEARS</span></div>
<div style="display: inline-flex">
<div class="block-relative-fitcontet"><span class="months">--</span><span class="small_strings">MONTHS</span></div>
<div class="block-relative-fitcontet"><span class="days">--</span><span class="small_strings">DAYS</span></div>
<div class="block-relative-fitcontet"><span class="hours">--</span><span class="small_strings">HOURS</span></div>
<div class="block-relative-fitcontet"><span class="minutes">--</span><span class="small_strings">MINUTES</span></div>
</div>
<div style="display: block;width: fit-content; position: relative">
<span class="seconds">--</span><span style="background: white;font-weight: 800;margin-left: 2px;bottom: 1px;position: absolute;font-size: 9px;">SECONDS</span>
<span style="margin-left: 84px;color: white"> ..in this planet</span>
</div>
</div>
</section>
<footer class="footer">
<div class="footer__inner">
<div class="footer__content">
© <span id="date_"></span> |
<a href="https://soorjyakanta.com" style="font-weight: bold;" target="_blank">
soorjyakanta.com
</a>
</div>
</div>
<div class="footer__inner">
<div class="footer__content">
<span>Powered by <a href="https://github.com/soorjya" style="font-weight: bold;" target="_blank">
Soorjyakanta
</a></span>
</div>
</div>
</footer>
<!-- Optional JavaScript -->
<!-- Popper.js first, then Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
crossorigin="anonymous"></script>
<script src="inc/bootstrap5/js/bootstrap.min.js"></script>
<script src="inc/fontawesome5/js/all.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>