-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
133 lines (133 loc) · 6.5 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Document</title>
<link rel="stylesheet" href="css/home.css">
<link rel="stylesheet" href="css/profile.css">
<link rel="stylesheet" href="css/projects.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="https://icons8.com/icon/ho8QlOYvMuG3/gmail">
<link rel="stylesheet" href="css/home/fontsAwesome/css/font-awesome.min.css">
<link rel="stylesheet" href= "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0-2/css/all.min.css">
</head>
<body>
<header id="homePage">
<nav>
<ul id = "nav">
<li><a id="home" href="#">HOME</a></li>
<li><a id="about" href="#">ABOUT</a></li>
<li><a id="project" href="#">PROJECTS</a></li>
</ul>
</nav>
<div class="title">
<h1>I'm Asfand Khan.</h1>
<p>I'm a third year undergrad studying <span>Computer Science</span> at
<span>King's College London</span>.
Keep scrolling down to learn more about me.</p>
</div>
<div id="wrapper": class="icons": style="margin: 0 auto; text-align: center">
<b href = "#"><i class="fab fa-github" onclick="openInNewTab('https://github.com/asfand987');""></i></b>
<b href = "#"><i class="fab fa-linkedin-in" onclick="openInNewTab('https://linkedin.com/in/asfand987');""></i></b>
<b ><a href="mailto:[email protected]"><img class="fab fa-gmail" src="https://img.icons8.com/fluent/48/000000/gmail.png"></a></b>
</div>
<div id="wrapper": class="scroll": style="margin: 0 auto; text-align: center">
<b id="down" href = "#"><i class="fas fa-arrow-circle-down"></i></b>
</div>
</header>
<section id="profile">
<div class="row">
<div class="two columns">
<img class="profile-pic" src="images/profile-pic.jpg" alt="" />
</div>
<div class="main">
<h2>About Me</h2>
<p> I have 2 years+ experience in java and I have good working knowledge of many other languages
as listed down below. My github contains examples of multiple different projects in a few languages.
I'm constantly learning new technologies to further increasing my coding abilities.
</p>
<h2 class="Exp">Experience</h2>
<h3>Bright Network Technology Internship Experience - <span>2020</span></h3>
<h3>CitiBank Technology Summer Analyst - <span>2017</span></h3>
</div> <!--Add skills tab -->
</div>
<div class="skillsSection">
<h2>Skills</h2>
<ul>
<li class="java">JAVA</li>
<li class="html">HTML</li>
<li class="css">CSS</li>
<li class="cpp">C++</li>
<li class="js">JAVASCRIPT</li>
<li class="react">REACT</li>
<li class="php">PHP</li>
<li class="scala">SCALA</li>
</ul>
</div>
</section>
<section id="projects">
<h2 class="uniProjects">Major University Projects</h2>
<div class="MappingTechnologies">
<a title="github">Mapping Technologies</a>
<p>A standalone application to provide Mappin Technologies startup utilities to translate,
clean and debug their data. Built using Java SE 8 and Gradle 6. Team size: 8.</p>
<video width="540" height="340" controls>
<source src="videos/MT.mp4" type="video/mp4"> <!-- change speed to 1.25 -->
Your browser does not support the video tag.
</video>
</div>
<div class="Kanban Board">
<a title="github">Kanban Board</a>
<p>A Kanban board stand alone application. Built using Java 11 and Gradle 6. Team size: 4.</p>
<div class="kanbnContainer">
<img class="middle-img" src="images/Kanban2.png">
</div>
</div>
<div class="ChessSoc">
<a title="github">Chess Society</a>
<p>Website made for KCL Chess society. Built using PHP, HTML, CSS with MySQL. Team size: 4.</p>
<div class="chessContainer">
<img class="middle-img" src="images/chessSoc.png" height="250" width="350">
</div>
</div>
</section>
<section id="personProjects">
<div class="personal">
<h2>Personal Projects</h2>
<p class="instr">Click on title to be taken to project.</p>
<div class="Covid-Tracker">
<a href="javascript:void(0)" onclick="openInNewTab('https://asfand987.github.io/Covid19-Tracker');" title="github">Covid19-Tracker</a>
<p>A Covid-19 tracker built using Javascript and React.</p>
<div class="BMS">
<img class="middle-img" onclick="openInNewTab('https://asfand987.github.io/Covid19-Tracker');" src="images\Covid19-Tracker.PNG" height="450" width="650">
</div>
</div>
<div class="Bank-Management-System">
<a href="javascript:void(0)" onclick="openInNewTab('https://github.com/asfand987/Bank-Management-System');" title="github">Bank-Management-System</a>
<p>A console based Banking Management System. Built using C++.</p>
</div>
<div class="hangman">
<a href="javascript:void(0)" onclick="openInNewTab('https://github.com/asfand987/Hangman');" title="github">Hangman</a>
<p>Console based Hangman game. Built using Python.</p>
</div>
<div class="to-do-list">
<a href="javascript:void(0)" onclick="openInNewTab('https://asfand987.github.io/To-Do-List/');" title="github">To-Do-List</a>
<p>To-Do-List application. Built using HTML, CSS and Javascript.</p>
</div>
<div class="personal website">
<a href="javascript:void(0)" onclick="openInNewTab('https://github.com/asfand987/Personal-Website');" title="github">Personal Website</a>
<p>This website was also made entierly from scratch by me. Built using HTML, CSS and Javascript.</p>
</div>
</div>
</section>
<footer>
<ul class="copyright">
<li>© 2020 Asfand Khan</li>
</ul>
</footer> <!-- Footer End-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script language="JavaScript" type="text/javascript" src="scripts/header.js"></script>
</body>
</html>