-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
166 lines (161 loc) · 5.48 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
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Yawar Shahid</title>
<link rel="stylesheet" href="app.css" />
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD"
crossorigin="anonymous"
/>
</head>
<body>
<br />
<div class="container">
<div class="row">
<div class="col-md-3">
<div class="card card-body h-100 border-info" id="profile-wrapper">
<img
id="profile-pic"
src="images/yawar.png"
alt=""
/>
<hr />
<h4>Hi, I'm Yawar</h4>
<p>
I like to build web pages using Python Django. I also love to do
Competitive Programming
</p>
</div>
</div>
<div class="col-md-9">
<div class="card card-body h-100 border-info">
<h4>About Me</h4>
<hr />
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quis
voluptatibus quas eius commodi. Aliquid vel officia nesciunt fuga
fugiat cumque accusamus rerum sequi expedita! Sapiente aut
expedita dicta tempore magni.
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos
consequuntur repellat eligendi, hic repudiandae, numquam nesciunt
non, ipsa eaque libero quia illo molestiae quod alias? Praesentium
alias neque quod quam!
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint,
veniam tempore rerum vel similique deserunt qui nihil quia alias
sapiente itaque fugit odit eligendi illo aperiam quisquam culpa
corrupti ad.
</p>
<ul class="social-links">
<li>
<a href="https://github.com">
<img
class="social"
src="images/github.png"
alt=""
/>
</a>
</li>
<li>
<a href="https://www.linkedin.com/in/yawar-shahid-3032b816b/">
<img
class="social"
src="images/linkedin.png"
alt=""
/>
</a>
</li>
<li>
<a href="https://leetcode.com/itsyawar/">
<img
class="social"
src="images/leetcode.png"
alt=""
/>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<br />
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="card card-body h-100">
<h5>My Journey</h5>
<hr />
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ipsa
iste neque nesciunt odio, accusantium ipsam asperiores perferendis
veritatis vel eos deserunt rerum blanditiis exercitationem
assumenda sed laudantium? Veniam, nulla facere?
</p>
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Mollitia
eos corporis corrupti, iste dicta a eum doloribus quas dolor non
laudantium itaque dolorum? Eos, fugiat veniam reprehenderit minima
repellat mollitia.
</p>
</div>
</div>
<div class="col-md-6">
<div class="card card-body h-100">
<h5>What I Know</h5>
<hr />
<p>
Python, JAVA, Django, DjangoRestFramework and a whole bunch of
other tech
</p>
<p>Currently learning React JS</p>
</div>
</div>
</div>
</div>
<br />
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="card card-body h-100">
<h5>How I learn</h5>
<hr />
<p>Practice!!!!</p>
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Enim
reprehenderit omnis, quisquam itaque necessitatibus similique quo
voluptatum officia eaque fugit nam laborum odit ab aspernatur, et
nulla animi commodi qui!
</p>
</div>
</div>
<div class="col-md-6">
<div class="card card-body h-100 ">
<h5>My Short Term Goals</h5>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum non,
quos laudantium a deleniti aspernatur aliquid? Incidunt omnis
dolor amet ipsum, inventore totam ex quas reiciendis sit facilis
aperiam qui?
</p>
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Fugiat
dolore ea blanditiis quaerat alias voluptatibus. Dolorum ad iure
itaque fugiat totam id veritatis labore placeat, qui officia
facere magnam esse?
</p>
</div>
</div>
</div>
</div>
<br />
</body>
</html>