-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
124 lines (101 loc) · 5.03 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
<!doctype html>
<html lang="en">
<head>
<title>Title</title>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="./CSS/style.css">
</head>
<body>
<div class="container">
<div class="row" id="top">
<div class="col-md-12">
<nav class="nav justify-content-center">
<a class="nav-link active" href="#">Home</a>
<a class="nav-link" href="#">Contact Us</a>
</nav>
</ul>
</div>
</div>
<div class="row" id="header">
<div class="col-md-5 rounded" id="headerMyInfo">
<h1>Sameer Ijaz</h1>
<h2>Web Developer</h2>
<p>I'm a highly motivated web developer with an aim for excellence over anything
your satisfication is my top priority over anything else.
I have a strong grip on HTML5, CSS3, SASS, JavaScript, JQuery, and Bootstrap to produce responsive websites and web apps that provide users the best and most appropriate experience suited to their device and browser.</p>
</div>
<div class="col-md-3 p-0 m-0 mt-4 " id="mypic">
<img src="./Images/coder.png" alt="" width="50%">
</div>
<div class="col-md-4 p-0" id="locations">
<ul id="aboutme">
<li> <img src="/Images/location.png" alt="" width="14%">
Citi Housing, Sialkot</li>
<li><img src="/Images/phone.png" alt="" width="14%">
03314915977</li>
<li><img src="/Images/email.png" alt="" width="14%">
[email protected]</li>
</ul>
</div>
</div>
<div class="row rounded" id="row2">
<div class="col-md-5">
<h2> <img src="./Images/education.png" alt="" width="20%"> Education</h2>
<li id="limodify" ></li>
<h3>Bachelors Of Science In Software Engineering</h3>
<i>Comsats Universty Islamabad, Lahore Campus</i>
<i>08/2019-2023</i>
<h3>Intermediate In Pre-Engineering</h3>
<i>Punjab College, Sialkot Campus</i>
<i>08/2017-2019</i>
<h2>Work Experience</h2>
<li id="limodify" ></li>
<h3>UI & UX Designer</h3>
<i>NescoPak, Lahore</i>
<i>08/2017-2019</i>
<h3>Junior Web Designer</h3>
<i>TechnoSoft, Sialkot</i>
<i>08/2019-2021</i>
</div>
<!-- <div class="col-md-1" id="diamond">
<img src="./Images/diamond-png-22485.png" alt="" width="70%">
</div> -->
<div class="col-md-6 rounded" id="skills">
<br>
<h4> <img src="./Images/skiilss.png" alt="" width="12%">Skills</h4>
<hr>
<ul id="lang">
<li class="rounded jv1">JavaScript</li>
<li class="rounded jq1 ">Jquery</li>
<li class="rounded msql ">MySql</li>
</ul>
<h4> <img src="./Images/inetrest.png" alt="" width="12%">Hobbies</h4>
<hr>
<br>
<ul id="hobbies">
<li class="rounded listyle">Photography</li>
<li class="rounded listyle">Travelling</li>
<li class="rounded listyle">Gaming</li>
<li class="rounded listyle">Reading</li>
</ul>
<h4> <img src="./Images/languages.png" alt="" width="12%"> Languages</h4>
<hr>
<ul id="mylanguages">
<li class="listyle rounded">English </li>
<li class="listyle rounded">Urdu</li>
<li class="listyle rounded">Arabic</li>
</ul>
</div>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script src="./jquery.js"></script>
</body>
</html>