-
Notifications
You must be signed in to change notification settings - Fork 35
/
Copy pathindex.html
120 lines (112 loc) · 5.38 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
<!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="stylesheet" href="src/css/style.css">
<link rel="shortcut icon" href="src/img/favicon.png">
<!-- icons -->
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/[email protected]/css/fontisto/fontisto.min.css'></i>
<title>CoderSaty | Home</title>
<meta name="description" content="">
</head>
<body>
<nav>
<h2><a class="link" href="index.html">CoderSaty</a></h2>
<ul class="unordered inline">
<li>
<a class="link active" href="index.html">Home</a>
</li>
<li>
<a class="link" href="src/pages/project.html">Project</a>
</li>
<li>
<a class="link" href="src/pages/blogs.html">Blogs</a>
</li>
</ul>
</nav>
<header class="hero">
<img src="src/img/hero.svg" alt="" class="hero-image">
<h1 class="hero-heading">CoderSaty <span class="highlight">the Web Developer</span></h1>
</header>
<section class="section">
<h1>About</h1>
<p>Hello! 👋 I am <strong class="highlight-white">CoderSaty</strong>, a web developer from India.I am kind of
person who believes that we can not learn any technology until we
practice it. This web page lists all my projects which I have developed as a beginner when I was learning
any technology for the first time. This web page can be used as a guide to all future web developers or any
person who wants to learn a technology for
project ideas.</p>
</section>
<section class="section off-white ">
<h1>How to Contribute?..</h1>
<p class="mb-2">In order to contribute click the button below</p>
<p class="mb-2">
<a target="_blank" href="https://github.com/CoderSaty/LevelZeroPortfolio/blob/main/CONTRIBUTING.md"
class="link primary-link" rel="noreferrer">Contribute</a>
</p>
</section>
<section class="section">
<h1>Technology Stack</h1>
<p> I have learnt various technologies and developed at least one project while learning them as a beginner. The
following technology projects are on this website:
</p>
<ul class="unordered tech">
<li><strong class="highlight-white underline">HTML5 :</strong> Hyper Text Markup Language</li>
<li><strong class="highlight-white">CSS:</strong> Cascading Style Sheet</li>
<li><strong class="highlight-white">JS:</strong> Java Script</li>
<li><strong class="highlight-white">React.js:</strong> A Javascript Library</li>
<li><strong class="highlight-white">Node.js :</strong> A Javascript Runtime Environment</li>
<li><strong class="highlight-white">CPP:</strong> A Object Oriented Programming Language</li>
<li><strong class="highlight-white">C:</strong> A Procedural Programming Language</li>
<li><strong class="highlight-white">Python:</strong> A Interpreted High-level General-purpose Programming
Language</li>
</ul>
</section>
<section class="section off-white">
<h1>Projects</h1>
<p class="mb-2">I have developed many projects. If you are excited to see them. Click on the button below</p>
<p class="mb-2"><a href="src/pages/project.html" class="link primary-link">See Projects </a></p>
</section>
<section class="section">
<h1>Blogs</h1>
<p class="mb-2">I love to share my experience and knowledge with the world. I have written various tech and
non-tech blogs.
If you are excited to read them. Click the button below.
</p>
<p class="mb-2">
<a href="src/pages/blogs.html" class="link secondary-link">Read Blogs</a>
</p>
</section>
<footer class="footer">
<small class="footer-heading">© CoderSaty May 2021</small>
<ul class="inline unordered">
<li><a target="_blank" href="https://www.linkedin.com/in/codersaty" class="link"><i
class="fi fi-linkedin"></i></a></li>
<li><a target="_blank" href="https://www.twitter.com/codersaty" class="link"><i
class="fi fi-twitter"></i></a></li>
<li><a target="_blank" href="https://www.github.com/codersaty" class="link"><i class="fi fi-github"></i></a>
</li>
</ul>
<br>
<!-- <div class="counter">
<div class="head">Total Website Visit</div>
<div class="count">00</div>
</div> -->
<div
<a href='https://freehitcounters.org/'></a> <script type='text/javascript' src='https://www.freevisitorcounters.com/auth.php?id=899bc3ea3e5c65dd179fd377419e93a21467fd46'></script>
<script type="text/javascript" src="https://www.freevisitorcounters.com/en/home/counter/879287/t/9"></script>
</div>
</footer>
<script>
function updateCounter() {
fetch('https://api.countapi.xyz/update/uimonk/youtubechannel/?amount=1')
.then(res => res.json())
.then(data => counterElement.innerHTML = data.value)
}
updateCounter()
counterElement = document.getElementsByClassName('count')[0];
</script>
</body>
</html>