-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
112 lines (95 loc) · 5.44 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
<!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, shrink-to-fit=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="css/styles.css">
<!-- fonts -->
<link href="https://fonts.googleapis.com/css2?family=Merriweather:wght@900&family=Montserrat:wght@500&family=Sacramento&display=swap" rel="stylesheet">
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.gstatic.com/">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Pacifico&display=swap" rel="stylesheet">
<link rel="fonts" href="assets/fonts/Proxima-Nova-Font.html">
<link rel="icon" href="https://uc-emoji.azureedge.net/orig/3c/3f27a7bd17a2a5577b4c30f3881946.png" type="image/gif" sizes="16x16">
<link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@300&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100&family=Ubuntu:wght@300&display=swap" rel="stylesheet">
<link rel="icon" href="favicon.ico">
<title> Shahzaib Fardeen </title>
<!-- Font Awesome Fonts For Icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Boot Strap - Java Scripts For Hamburger Process -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
</head>
<body>
<div class="top-container" >
<img class="top-cloud" src="images/cloud.png" alt="could-img">
<h1> Myself Shahzaib </h1>
<h2> Multi-Stack Developer | Designer | Software Engineer </h2>
<img class="bottom-cloud" src="images/cloud.png" alt="cloud-img">
<img src="images/mountain.png" alt="mountain-img" height="30%" width="40%">
</div>
<div class="middle-container">
<div class="profile">
<img src="images/Shazz.png" alt="Shazz-img" width="200px" height="200px">
<h2> Hello. </h2>
<p> I am an Android & Web Developer. I'm the founder of ELDO & ESC, Helper & CTO of SyberStar. I 💖 Coding & Designing. </p>
<p> I love coffee & Brew my own stuffs. </p>
<p> Overview : Multi-Stack Developer | Desktop Engineer | Designer | Software Engineer | Trainer . </p>
</div>
<hr>
<div class="skills">
<h2>My Skills.</h2>
<div class="skill-row">
<img class="code-img" src="images/computer.png" alt="Computer_Design-img">
<h3> Design & Development </h3> <br>
<p> I started learning coding when I was 19 year's old. Because I wanted to make my own Video Games. Over time, I have gained a wealth of experience Designing & Developing Mobile and Web Applications.</p>
</div> <hr>
<div class="skill-row">
<img class="chilli-img" src="images/Computers.png" alt="Computer">
<h3> Computer Skills </h3> <br>
<p> OS - Win Xp/ 7/ 8.1/ 10 & Linux (Ubuntu & Cent OS) </p>
<p> Office Tools - MS Office </p>
<p> Graphic Tools - Adobe PS, Coral Draw & Illustrator </p>
<p> Accounting - Tally ERP 9 & GST </p>
<p> IDE's - NetBeans, Visual Studio, Eclipse, Android Studio </p>
<p> Networking - Cisco Packet Tracker </p>
</div>
</div> <hr>
<div class="skill-row">
<img class="code-img" src="images/Technical.png" alt="Techinical">
<h3> Technical Skills </h3> <br>
<p> Experience - C# & .Net </p>
<p> HTML 5, Css 3, JavaScript, Bootstrap, PHP, React & Redux </p>
<p> Basic: C, C++, Java, Python </p>
<p> Data Base - SQl, Mongo DB </p>
<!-- <p> Processor & Instruction : 8085 & 8086 </p> -->
</div>
</div>
<hr>
<div class="skill-row">
<img class="chilli-img" src="images/chillies.png" alt="Chillies">
<h3> Challenges </h3> <br>
<p> My best skill is actually in eating Hot Wings. I am the undisputed king of Hot Wing challenges. Ghost peppers & Carolina Reappers are my favourite Snacks. </p>
</div>
</div>
<hr>
<div class="contact-me">
<h2> Get In Touch </h2>
<h3> If you love Hot Wings as much as I do. </h3>
<p class="contact-message"> Let's talk about how awesome they are! We can code while we eat Hot Wings! </p>
<a class="btn" href="mailto:S4shahzaib73@gmail.com"> CONTACT ME </a>
</div>
</div>
<div class="bottom-container" id="footer">
<a class="footer-link" href="https://www.linkedin.com/in/shahzaib-fardeen/" target="_blank" > <i class="social-icon fa fa-linkedin"> </i></a>
<a class="footer-link" href="https://github.com/Shahzaibfardeen" target="_blank" > <i class="social-icon fa fa-github"> </i></a>
<a class="footer-link" href="https://shahzaibfardeen.github.io/EnLift_Development_Organization-/index.html" target="_blank" > <i class="social-icon fa fa-globe"> </i></a>
<a class="footer-link" href="https://www.facebook.com/shahzaib.fardeen/" target="_blank" > <i class="social-icon fa fa-facebook"> </i></a>
<a class="footer-link" href="https://www.instagram.com/shahzaib_fardeen/" target="_blank" > <i class="social-icon fa fa-instagram"> </i></a>
<p class="copyright"> © Copyright 2021 Shahzaib Fardeen @Syberstar</p>
</div>
</body>
</html>