-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
155 lines (153 loc) · 7.83 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<main class="wrapper">
<div class="top-section">
<div class="info-text">
<h1>M<span class="dot red">.</span>o<span class="dot yellow">.</span>h<span class="dot blue">.</span>a<span class="dot red">.</span>m<span class="dot yellow">.</span>m<span class="dot blue">.</span>a<span class="dot red">.</span>d A<span class="dot yellow">.</span>l<span class="dot blue">.</span>i S<span class="dot red">.</span>a<span class="dot yellow">.</span>d<span class="dot blue">.</span>e<span class="dot red">.</span>g<span class="dot yellow">.</span>h<span class="dot blue">.</span>i</h1>
<h2 >WEB APPLICATION DEVELOPER</h2>
<P>i'm Mohammad ali sadeghi . i'm a web application developer and a full-time computer student for the rest of my life . I graduated in B.S computer science from IAUBIR - islamic azad university of Birjand , i have a major crush on web applications and i enjoy getting to know how to make and deal with them .</P>
</div>
<img src="image.png" alt="image">
</div>
<hr class="separator">
<div class="middle-section">
<div class="left">
<h2 class="header"><span class="one-bolder">E</span>XPERIENCES</h2>
<div class="content">
<h3 class="title">Front-End Developer</h3>
<h5 class="date">MARCH 2019 - August 2020</h5>
<p class="detail">it was an e-commerce app for WordPress/woocommerce plugin based on ionic/Cordova
that the code I wrote was in angularjs , it was a fun and very thoughtful project that let me find very good friends.</p>
</div>
<div class="content">
<h3 class="title">FullStack Developer</h3>
<h5 class="date">SEPTEMBER 2018 - SEPTEMBER 2020</h5>
<p class="detail">this project was a blog and store for agricultural products.
my responsibilities at this project include both front-End and back-End and Deployment of the web site , the backend was based on PHP/koseven framework, it was very fun and it taught me many things.</p>
</div>
<div class="content">
<h3 class="title">Wordpress Developer</h3>
<h5 class="date">SEPTEMBER 2018 - SEPTEMBER 2020</h5>
<p class="detail"> At this project that was based on WordPress / Woocommerce my responsibility was to make the store using woocommerce , translating its template to Persian and also Optimizing the site for being accessible by Search Engines </p>
</div>
<h2 class="header"><span class="one-bolder">E</span>DUCATION</h2>
<div class="content">
<h3 class="title">IAU - Islamic Azad university of Birjand</h3>
<h5 class="date">SEPTEMBER 2016 - SEPTEMBER 2019</h5>
<p class="detail">B.S Computer Science</p>
</div>
</div>
<div class="right">
<h2 class="header">DEVELOPMENT SKILLS</h2>
<div class="content" style="--b: #787CB5">
<h1 class="title" style="--skill: blue">PHP</h1>
<div class="ability-power">
<div class="chart x-60" style="--f: 70%"><p>70%</p></div>
</div>
</div>
<div class="content" style="--b: #f0db4f">
<h1 class="title" style="--skill: black">JavaScript</h1>
<div class="ability-power">
<div class="chart x-60" style="--f: 50%"><p>50%</p></div>
</div>
</div>
<div class="content" style="--b: #f06529">
<h1 class="title" style="--skill: #FFFFF">HTML</h1>
<div class="ability-power">
<div class="chart x-60" style="--f: 99%"><p>99%</p></div>
</div>
</div>
<div class="content" style="--b: #2965f1">
<h1 class="title" style="--skill: white">CSS</h1>
<div class="ability-power">
<div class="chart x-60" style="--f: 40%"><p>40%</p></div>
</div>
</div>
<h2 class="header">TOOLS & TECHNOLOGIES</h2>
<div class="content" style="--b: #f34f29">
<h1 class="title" style="--skill: #ffffff">GIT</h1>
<div class="ability-power">
<div class="chart x-60" style="--f: 60%"><p>60%</p></div>
</div>
</div>
<div class="content" style="--b: #dd1b16">
<h1 class="title" style="--skill: #b3b3b3">AngularJs</h1>
<div class="ability-power">
<div class="chart x-60" style="--f: 70%"><p>70%</p></div>
</div>
</div>
<div class="content" style="--b: #42b883">
<h1 class="title" style="--skill: #35495e">VUE.js</h1>
<div class="ability-power">
<div class="chart x-60" style="--f: 40%"><p>40%</p></div>
</div>
</div>
<div class="content" style="--b: #fb503b">
<h1 class="title" style="--skill: white">Laravel</h1>
<div class="ability-power">
<div class="chart x-60" style="--f: 60%"><p>60%</p></div>
</div>
</div>
<div class="content" style="--b: #EA5395">
<h1 class="title" style="--skill: white">Koseven</h1>
<div class="ability-power">
<div class="chart x-60" style="--f: 65%"><p>65%</p></div>
</div>
</div>
<div class="content" style="--b: #0B57A4">
<h1 class="title" style="--skill: #072C61">Linux</h1>
<div class="ability-power">
<div class="chart x-60" style="--f: 30%"><p>30%</p></div>
</div>
</div>
<h2 class="header">LANGUAGES</h2>
<div class="content" style="--b: #f64545">
<h1 class="title" style="--skill: #FFFFF">English</h1>
<div class="ability-power">
<div class="chart x-60" style="--f: 80%"><p>80%</p></div>
</div>
</div>
<div class="content" style="--b: #de6969">
<h1 class="title" style="--skill: white">Persian</h1>
<div class="ability-power">
<div class="chart x-60" style="--f: 100%"><p>100%</p></div>
</div>
</div>
<h2 class="header">OTHER SKILLS</h2>
<div class="content" style="--b: #394c51">
<h1 class="title" style="--skill: white">MVC</h1>
<div class="ability-power">
<div class="chart x-60" style="--f: 70%"><p>70%</p></div>
</div>
</div>
<div class="content" style="--b: #394c51">
<h1 class="title" style="--skill: white">SOLID principal</h1>
<div class="ability-power">
<div class="chart x-60" style="--f: 50%"><p>50%</p></div>
</div>
</div>
<div class="content" style="--b: #394c51">
<h1 class="title" style="--skill: white">Clean-Code</h1>
<div class="ability-power">
<div class="chart x-60" style="--f: 40%"><p>40%</p></div>
</div>
</div>
</div>
</div>
<hr class="separator">
<footer>
<h3>www.malisadeghi.ir</h3>
<h3>[email protected]</h3>
<h3>+98-09366531567</h3>
<h3>@masthisis</h3>
</footer>
</main>
</body>
</html>