-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
83 lines (74 loc) · 3.85 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css" />
<link rel="icon" href="res/profile_round.png" type="image/x-icon" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous" />
<title>Vikram Vishwakarma</title>
</head>
<body>
<div class="main-container">
<div class="profile">
<div class="dark-mode-container">
<li class="bi-sun-fill"></li>
</div>
<img data-aos="fade-up" class="profile-pic" src="res/profile.png" alt="Vikram Vishwakarma profile picture" />
<h2 data-aos="fade-up" class="black-text profile-name">Vikram Vishwakarma</h2>
<p data-aos="fade-up" class="black-text profile-quote">
Experience is the name everyone gives to their mistakes. ~ Oscar Wilde
</p>
</div>
<div class="profession">
<h1 data-aos="fade-up" class="black-text profession-title">
WEB DESIGNER & DEVELOPER BASED IN INDIA
</h1>
<p data-aos="fade-up" class="black-text profession-quote">
The best designer is nature.
</p>
</div>
<div class="bio">
<p data-aos="fade-up" class="black-text bio-description">
<b>Hey There,</b><br />
My name is Vikram Vishwakarma and I am from Maharashtra, India. It's nice to meet you. So happy that you visited my portfolio website. I am a <s>Genius, billionaire, playboy, philanthropist</s> normal guy learning new things and exploring everything little by little. I've completed my graduation in the field of computer science. If you want to know more about me, you can contact me.
</p>
</div>
<div class="projects">
<div class="projects-inner">
<div data-aos="fade-up" class="project project1">
<img class="project-img" src="res/project1.jpg" alt="Java calculator project" />
<p class="black-text project-desc">
This is a Java calculator made for Android devices using the Java programming language and official Android API.
</p>
</div>
<div data-aos="fade-up" class="project project2">
<img class="project-img" src="res/project2.jpg" alt="Homepage landing website project" />
<p class="black-text project-desc">
It's a homepage landing website which can be used as the default homepage in your browser.
</p>
<button onclick="openUrl('https://vikram.is-a.dev/dynamic-homepage')" class="project2-btn">
Visit Website
<li class="bi-link-45deg"></li>
</button>
</div>
</div>
</div>
<div class="contact">
<h3 class="black-text contact-title">CONTACT ME</h3>
<div class="contact-button-container">
<li onclick="openUrl('https://instagram.com/vikramisdev')" class="bi-instagram contact-button"></li>
<li onclick="openUrl('https://x.com/vikramisdev')" class="bi-twitter contact-button"></li>
<li onclick="openUrl('https://www.linkedin.com/in/vikramisdev')" class="bi-linkedin contact-button"></li>
<li onclick="openUrl('https://facebook.com/vikramisdev')" class="bi-facebook contact-button"></li>
</div>
<button onclick="openMail()" class="white-text contact-email-button">Email Me</button>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js" defer></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js" defer></script>
<script src="script.js" defer></script>
</body>
</html>