forked from amaanabbasi/amaanabbasi.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
136 lines (129 loc) · 6.79 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Amaan Abbasi |</title>
<link rel="icon" type="image/png" sizes="64x64" href='https://pengoox.pythonanywhere.com/static/img/A-logo.svg'>
<script src="https://code.jquery.com/jquery-3.3.1.js" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" crossorigin="anonymous"></script>
<a href="https://icons8.com"></a>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.1/css/bulma.min.css">
<link rel="stylesheet" href="main.css">
<script defer src="https://use.fontawesome.com/releases/v5.1.0/js/all.js"></script>
<!-- animate css -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/animate.css@3.5.2/animate.min.css">
<!--
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
1.Please do not add hyper resource you do not need in you webpage. I guess JQUERY here is useless
and please remove other useless libraries along with comments.
-->
<!-- <script src="script.js"></script> -->
</head>
<body>
<section class="hero has-background-light is-fullheight my-background-2 ">
<!-- Hero head: will stick at the top -->
<header class="hero-head">
<div class="container">
<nav class="navbar">
<div class="navbar-brand is-flex">
<div class="navbar-start">
<a class="navbar-item" href="https://www.github.com/amaanabbasi" target="_blank">
<i class="fab fa-github"></i>
</a>
<a class="navbar-item" href="https://www.linkedin.com/in/mohd-abbasi-22293813a/" target="_blank">
<i class="fab fa-linkedin-in"></i>
</a>
<a href="https://twitter.com/AmaanPengoo" class="navbar-item" target="_blank">
<i class="fab fa-twitter"></i>
</a>
</div>
<div class="navbar-end has-text-justified has-text-weight-normal">
<a href="/" class="navbar-item">Home</a>
<a href="#about" class="navbar-item">About</a>
<a href="https://pengoox.pythonanywhere.com" class="navbar-item" target="_blank">Blog</a>
</div>
</div>
</nav>
</div>
</header>
<!-- Hero content: will be in the middle -->
<div class="hero-body" id="home">
<div class="container has-text-centered">
<h1 id="animated-title" class="title is-1 animated pulse" style="font-size:3em;">
Hi, I am Amaan.
</h1>
<h2 class="subtitle">
I am a blogger, programmer and designer.
</h2>
</div>
</div>
</section>
<div class="hero is-white">
<br>
<br>
<br>
<br>
<div class="container has-text-centered">
<div class="tile is-parent">
<div class="tile is-child is-primary box ">
<div class="title" id="about">You found it!</div>
<p style="margin:0 auto;max-width:800px">I started to learn programming right after my high school, and that was one of the
best decision I took . Right now, I have launched two start-ups and I enjoy most of my
time writing code. ~<i>Liar</i>
</p>
<hr><figure class="image is-64x64 is-centered">
<img src="https://pengoox.pythonanywhere.com/static/img/A-logo.svg" style="margin:0 auto;max-width:480px">
</figure><hr>
<div class="columns ">
<div class="column">
<div class="title">Languages</div>
<ul>
<li><img src="https://png.icons8.com/color/48/f1c40f/python.png"></li>
<li><img src="https://png.icons8.com/color/40/f1c40f/source-code.png"></li>
<li><img src="https://png.icons8.com/color/40/f1c40f/c-plus-plus-logo.png">, <img src="https://png.icons8.com/color/40/f1c40f/c-programming.png"></li>
<li><img src="https://png.icons8.com/ios/40/f1c40f/javascript.png"></li>
</ul>
</div>
<div class="column">
<div class="title">Frameworks</div>
<ul>
<li>Django</li>
<li>Flask</li>
<li>Vue</li>
</ul>
</div>
<div class="column">
<div class="title">Tools</div>
<ul>
<li><img src="https://png.icons8.com/windows/40/000000/github.png"></li>
<li><img src="https://png.icons8.com/windows/50/000000/visual-studio.png"></li>
<li><img src="https://png.icons8.com/color/40/f1c40f/adobe-illustrator.png"></li>
</ul>
</div>
</div>
<hr>
<div class="title">Recent Works</div>
<div class="columns">
<div class="column">
<div class="tile notification is-primary">
<figure class="image">
<img src="https://pengoox.pythonanywhere.com/static/img/A-logo.svg">
</figure>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi deleniti est blanditiis eligendi vel inventore eum quos accusamus error eveniet?Lorem ipsum dolor sit, amet consectetur adipisicing elit. Perspiciatis doloribus voluptatum nihil deserunt incidunt est dolorem reiciendis harum ullam amet?</div>
</div>
<div class="column">
<div class="tile notification is-warning">
<figure class="image">
<img src="https://pengoox.pythonanywhere.com/static/img/A-logo.svg">
</figure>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis ea est facere, perspiciatis aliquid dolor corporis sint consequuntur non accusantium!Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum quibusdam quisquam officia amet libero aliquam alias a cupiditate atque praesentium!</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>