-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
75 lines (69 loc) · 3.45 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Mr. KC</title>
<link rel="stylesheet" type="text/css" href="index.css">
<script src="https://kit.fontawesome.com/4608973907.js"
crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/css2?family=Montserrat&family=Open+Sans:wght@300&display=swap"
rel="stylesheet">
</head>
<body>
<div class= bg>
<nav class="nav">
<ul class="main-nav">
<h1 class="name">Mr. Kc</h1>
<li><a href="https://www.linkedin.com/in/kartik-chauhan-b835a51a9/"><i class="icon fab fa-linkedin fa-lg"></i></a></li>
<li><a href="https://github.com/mrkartikkc"><i class="icon fab fa-github fa-lg"></i></a></li>
<li><a href="https://www.instagram.com/kartik_kc/?hl=en"><i class="icon fab fa-instagram fa-lg"></i></a></li>
</ul>
</nav>
<section>
<div class="first">
<h1>Hi,</h1>
<h1>I'm Kartik chauhan.</h1>
<p>Aspiring Web Developer</p>
</div>
<img class="dp" src="kc.jpg">
</section>
<div class="about">
<h1>About</h1>
<p>Hi I'm Kartik chauhan an upcoming web developer.
This portfolio is a part of my many comming projects
as I'm developing more and more knowledge about web
development. I have a little experience of working in
professional environment but i know when i have to
give my 100%. I'm good with taking instructions and
also giving commands as teamwork is very effective.</p>
<h1>Interests and Hobbies</h1>
<p>I really like game development as
gaming was a part of my childhood growing up. <br>
I have a very distinctive taste in music,
Check out here <a href="https://open.spotify.com/user/kartik_kc"><i class="fab fa-spotify music"></i> </a></p>
</div>
<div class="projects">
<h1 class="pro">Projects</h1>
<div class="pj left">
<a href="https://mrkartikkc.github.io/Robo-friends/"><h1 class="pj-name">Robo Friends</h1></a>
<p class="pj-text">It's a simple projects that filters the robots
by the selection of their names. You can select any robot by just typing their name and they will be filterd.
It's made with react</p>
<img class="pp one" src="kc1.png">
</div>
<div class="pj center">
<a href="https://facialrecog420k.herokuapp.com/"><h1 class="pj-name">Facial Recognition</h1></a>
<p class="pj-text">It can scan any face in the picture provided (link) and box out the face in it.
You can Signin or Register and your photos count will be stored in a database.
It uses APIs to findout the face and using react and express the webapp is fully responsive.</p>
<img class="pp two" src="kc2.png">
</div>
<div class="pj right">
<a href=""><h1 class="pj-name">Portfolio</h1></a>
<p class="pj-text">It's all you can see here. It shows everything about me in a simple and minimal mannar</p>
<img class="pp three" src="kc3.png">
</div>
</div>
</div>
</body>
</html>