-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
160 lines (160 loc) · 12.1 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#000">
<meta name="apple-mobile-web-app-status-bar-style" content="#000">
<title>Nima Razi - Web Portofolio</title>
<link rel="icon" href="assets/images/favicon.png" type="image/png"/>
<link rel=”mask-icon” href="assets/images/favicon.png" color="#000">
<link rel="apple-touch-icon" href="assets/images/favicon.png">
<link rel="shortcut icon" href="assets/images/favicon.ico" type="image/x-icon"/>
<link rel="stylesheet" href="style/bootstrap.min.css">
<link rel="stylesheet" href="style/style.css">
</head>
<body>
<video class="position-fixed" autoplay muted loop playsinline id="myVideo">
<source src="assets/videos/loop.webm" type="video/webm">
<source src="assets/videos/loop.mp4" type="video/mp4">
Your browser doesn't support the video tag.
</video>
<div class="container-fluid">
<div class="row h-100 align-items-center">
<div class="d-md-flex justify-content-center align-items-center">
<div class="col-12 col-md-auto me-md-2 mb-2">
<div class="nav flex-md-column flex-row shadow rounded py-3 justify-content-center" id="v-pills-tab" role="tablist" aria-orientation="vertical">
<button class="nav-link text-capitalize active" id="v-pills-about-tab" data-bs-toggle="pill" data-bs-target="#v-pills-about" type="button" role="tab" aria-controls="v-pills-about" aria-selected="true">
<img class="d-md-none d-block" src="assets/images/circle-info-solid.svg" alt="img">
<span class="d-md-block d-none">about</span>
</button>
<button class="nav-link text-capitalize" id="v-pills-experience-tab" data-bs-toggle="pill" data-bs-target="#v-pills-experience" type="button" role="tab" aria-controls="v-pills-experience" aria-selected="false">
<img class="d-md-none d-block" src="assets/images/briefcase-solid.svg" alt="img">
<span class="d-md-block d-none">experience</span>
</button>
<button class="nav-link text-capitalize" id="v-pills-education-tab" data-bs-toggle="pill" data-bs-target="#v-pills-education" type="button" role="tab" aria-controls="v-pills-education" aria-selected="false">
<img class="d-md-none d-block" src="assets/images/user-graduate-solid.svg" alt="img">
<span class="d-md-block d-none">education</span>
</button>
<button class="nav-link text-capitalize" id="v-pills-projects-tab" data-bs-toggle="pill" data-bs-target="#v-pills-projects" type="button" role="tab" aria-controls="v-pills-projects" aria-selected="false">
<img class="d-md-none d-block" src="assets/images/folder-open-solid.svg" alt="img">
<span class="d-md-block d-none">projects</span>
</button>
<button class="nav-link text-capitalize" id="v-pills-misc-tab" data-bs-toggle="pill" data-bs-target="#v-pills-misc" type="button" role="tab" aria-controls="v-pills-misc" aria-selected="false">
<img class="d-md-none d-block" src="assets/images/cubes-stacked-solid.svg" alt="img">
<span class="d-md-block d-none">misc</span>
</button>
</div>
</div>
<div class="col-12 col-md-6">
<div class="tab-content" id="v-pills-tabContent">
<div class="tab-pane fade show active" id="v-pills-about" role="tabpanel" aria-labelledby="v-pills-about-tab" tabindex="0">
<div class="card shadow py-3 px-3">
<div class="card-body">
<p class="card-text text-justify">
Hi, I'm Nima!<br><br>
I've worked as a software developer and in IT-support for over a year.
I worked on REST.API and ASP.NET projects while providing technical support for them in finnish and english.
My strenghts lay in frontend and database developement.
I've bachelors in information technology and I'll start my masters studies for computer science in autumn 2024.<br><br>
You can also view and download my personal <a href="assets/files/nima-razi-cv.pdf" target="_blank" rel="noopener noreferrer">resume.</a>
</p>
</div>
</div>
</div>
<div class="tab-pane fade" id="v-pills-experience" role="tabpanel" aria-labelledby="v-pills-experience-tab" tabindex="0">
<div class="card shadow py-3 px-3">
<div class="card-body">
<h5 class="card-title">Software Developer</h5>
<h6 class="card-subtitle mb-2">05.2023 - 10.2023 @Cash-In Consulting</h6>
<p class="card-text">
<ul>
<li>ASP.NET developement with HTML, CSS, JavaScript and C#</li>
<li>database design and developement in Oracle SQL</li>
<li>IT-support</li>
<li>tools included Visual Studio, Git, Microsoft IIS, etc.</li>
</ul>
</p><br>
<h5 class="card-title">Software Developer</h5>
<h6 class="card-subtitle mb-2">01.2022 - 08.2022 @Pilvilampi Software</h6>
<p class="card-text">
<ul>
<li>REST.API developement with HTML, CSS, JavaScript, PHP and SQL</li>
<li>IT-support in finnish and english</li>
<li>tools included Visual Studio Code, Power Automate, PowerShell, SharePoint, etc.</li>
</ul>
</p>
</div>
</div>
</div>
<div class="tab-pane fade" id="v-pills-education" role="tabpanel" aria-labelledby="v-pills-education-tab" tabindex="0">
<div class="card shadow py-3 px-3">
<div class="card-body">
<h5 class="card-title">MSc (Econ and Bus Admin), Master's Programme in Computing Sciences, Information Systems <span class="badge bg-danger">New</span></h5>
<h6 class="card-subtitle mb-2">started 09.2024 @University of Vaasa</h6><br>
<h5 class="card-title">BBA, Business Information Technology</h5>
<h6 class="card-subtitle mb-2">08.2018 - 12.2022 @Vaasa University of Applied Sciences</h6>
<p class="card-text">
<ul>
<li>programming</li>
<li>project management</li>
<li>editing media</li>
<li>3D-design</li>
</ul>
</p><br>
<h5 class="card-title">Matriculation Examination</h5>
<h6 class="card-subtitle mb-2">08.2012 - 12.2016 @Tampere High School of Technology</h6>
<p class="card-text">
<ul>
<li>sports scolarship</li>
<li>B2 english</li>
</ul>
</p>
</div>
</div>
</div>
<div class="tab-pane fade" id="v-pills-projects" role="tabpanel" aria-labelledby="v-pills-projects-tab" tabindex="0">
<div class="card shadow py-3 px-3">
<div class="card-body">
<p class="card-text text-justify">In each project I focus on different implementations such as language switcher, a shared navbar and footer between sites, search queries, etc. All are constantly under work.</p>
<p class="card-text">
<ul>
<li><a href="razaghi-enhancements/home.html" target="_blank" rel="noopener noreferrer">Razaghienhancements</a></li>
<!-- <li><a href="leipatehdas/home.html" target="_blank" rel="noopener noreferrer">Leipätehdas</a></li>
<li><a href="pelimies.com/home.html" target="_blank" rel="noopener noreferrer">Pelimies.com</a></li>
<li><a href="lemonsoft-stadion/home.html" target="_blank" rel="noopener noreferrer">Lemonsoft Stadium</a></li> -->
<li><a href="weather-app/index.html" target="_blank" rel="noopener noreferrer">Weather App</a></li>
</ul>
</p>
<p>Feel free to send <a href="mailto:[email protected]">feedback!</a></p>
</div>
</div>
</div>
<div class="tab-pane fade" id="v-pills-misc" role="tabpanel" aria-labelledby="v-pills-misc-tab" tabindex="0">
<div class="card shadow py-3 px-3">
<div class="card-body">
<h5 class="card-title text-capitalize">languages</h5>
<p class="card-text">finnish, english, persian, kurdish & swedish</p>
<h5 class="card-title text-capitalize">conscription service</h5>
<p class="card-text text-capitalize">pori brigade 2017</p>
<h5 class="card-title text-capitalize">certificates</h5>
<p class="card-text">B drivers license (EU)</p>
<h5 class="card-title text-capitalize">Links</h5>
<p class="card-text">
<ul>
<li><a href="https://www.linkedin.com/in/nimarazi" target="_blank" rel="noopener noreferrer">LinkedIn</a></li>
<li><a href="https://github.com/nima-razi" target="_blank" rel="noopener noreferrer">GitHub</a></li>
<!-- <li><a href="https://steamcommunity.com/id/nimbeli" target="_blank" rel="noopener noreferrer">Steam (important, no seriously)</a></li> -->
</ul>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="scripts/bootstrap.bundle.min.js"></script>
</body>
</html>