-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
132 lines (125 loc) · 6.14 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
<!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">
<link rel="stylesheet" href="main.css">
<link rel="icon" type="image/x-icon" href="favico.jpg">
<title>Baran Saeed</title>
</head>
<body>
<div id="main-container">
<section id="hero-section" class="section-pages">
<img id="myImg" src="my.jpg" alt="my-image">
<div id="bio">
<h1 id="myName">Baran Saeed</h1>
<p>I'm software engineer specializing in building web apps.</p>
<p>Get in touch 👉 baransaeed007@gmail.com </p><!-- <button onclick="darkMode()">Toggle dark mode</button> -->
</div>
</section>
<section id="media-section" class="section-pages">
<a href="#">Twitter</a>
<a href="#">Instagram</a>
<a href="#">Github</a>
<a href="#">Youtube</a>
<a href="#">My Resume</a>
</section>
<section id="skills-qualifications" class="section-pages">
<h2>Skills & Qualifications</h2>
<ul>
<li>✔️ 4 Years experience with building things for the web</li>
<li>✔️ Experienced building API's & wirting clean maintainable code</li>
<li>✔️ A Consistent Learner</li>
</ul>
</section>
<section id="tech-stack" class="section-pages">
<h2>Tech Stack</h2>
<div id="techstack-wrapper">
<div id="tech-card">
<span>Languages: JavaScript/TypeScript, HTML, CSS/SASS, PHP, Python, SQL</span>
</div>
<div id="tech-card">
<span>Frameworks: Node, Express, React, Laravel, NextJS, Django, Flask</span>
</div>
<div id="tech-card">
<span>Tools & Platforms: Git & Github, Postman, Firebase, MongoDB, Docker</span>
</div>
<div id="tech-card">
<span>Databases: Postgres, MySQL, NoSQL</span>
</div>
</div>
</section>
<section id="work-history" class="section-pages">
<h2>Work History</h2>
<hr>
<div id="work-history-card">
<h4>🚧 Software Developer (Remote) | Bizlon inc</h4>
<p>08/2021 - 07/2022</p>
<p>Bizlon inc - provides payment solutions to their clients.</p>
<ul>
<li>Built the main public main website and other internal tools to manage the data. </li>
<li>Setting up the IB PBX System FreePBX for inbound & outbound calling it was something new and challenging job that i took and got it done.</li>
<li>Techologies that i have used their during my work: TypeScript/Javascript, HTML, CSS, Bootstrap, Node, Express, PHP, MySQL.</li>
</ul>
</div>
<hr>
<div id="work-history-card">
<h4>🚧 Software Developer - Co-Founder | 9Webb</h4>
<p>08/2019 - 12/2020</p>
<p>9Webb</p>
<ul>
<li>At 9Webb we offered customize software solutions & hosting services to small & mid size companies.</li>
</ul>
</div>
<hr>
<div id="work-history-card">
<h4>🚧 Full Stack Developer | CrudTech Enterprise</h4>
<p>07/2018 - 06/2019</p>
<p>CrudTech Enterprise - A web & customize application development agency</p>
<ul>
<li>As a Full-stack dev for CrudTech, I have been involved in the whole process from communicating with clients of every details of their project and giving them the best version of what they expect the final product to be, I have learned a lot from this experience. </li>
<li>I have built websites & customized web apps to meet the need of our clients business.</li>
<li>Techologies that i have used during my work their: TypeScript/Javascript, PHP, Laravel, Node, Express, MySQL and few more.. </li>
</ul>
</div>
<hr>
<div id="work-history-card">
<h4>🚧 Web Designer/Developer | Spotcomm - Ideally Simplified</h4>
<p>10/2017 - 06/2018</p>
<p>Spotcomm helped brands to show their presence to public through free Wifi.</p>
<ul>
<li>Converted their website from traditional website to Progressive Web App & made it responsive. </li>
<li>Built an ERP web app according to the needs of CEO, to manage day to day task of internal and sales team. </li>
<li>Worked on mikrotik devices to customize them and add landing pages of brands. </li>
</ul>
</div>
</section>
<section id="projects-certifications" class="section-pages">
<h2>Projects & Certifications</h2>
<div class="card-projects-certifications">
<a href="https://www.freecodecamp.org/certification/baran005/responsive-web-design"><span>🏆 </span>Responsive Web Design Certification ( freeCodeCamp )</a>
</div>
<div class="card-projects-certifications">
<a href="#"><span>🏆 </span>Coming soon..</a>
</div>
<div class="card-projects-certifications">
<a href="#"><span>🏆 </span>Coming soon..</a>
</div>
<div class="card-projects-certifications">
<a href="#"><span>🏆 </span>Coming soon..</a>
</div>
</section>
<footer id="footer-section">
<hr>
Design idea from <a style="text-decoration: none;" href="https://divanov11.github.io/Digital-Resume/">Dennis Ivanov</a>
</footer>
</div>
<script>
function darkMode() {
var element = document.body;
element.classList.toggle("dark-mode");
}
</script>
</body>
</html>