-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
255 lines (255 loc) · 12.6 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
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width" name="viewport">
<meta content="" name="keywords">
<meta content="" name="description">
<title>Tanjona-cv</title>
<link rel="stylesheet" href="lib/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="lib/ionicons/css/ionicons.min.css">
<link rel="stylesheet" href="font.css">
<link rel="stylesheet" href="base.css">
<link rel="stylesheet" href="style.css">
</head>
<body class="color-txt-w">
<!-- header nav -->
<header id="s-header" class="s-header">
<nav class="header-nav-wrap">
<a class="navbar-toggler" type="button">
<span></span>
<span></span>
<span></span>
</a>
<div class="navbar-container">
<ul class="header-nav-main">
<li class="current"><a href="#intro" title="intro">Intro</a></li>
<li><a href="#about" title="about">About</a></li>
<li><a href="#portfolio" title="work">Portfolio</a></li>
<li><a href="#contact" title="contact">Contact</a></li>
</ul>
</div>
<a class="brand-link" href="https://www.facebook.com/tanjona.radrianasolo">
<div class="navbar-brand">
<img class="profil-picture" src="images/profil.jpeg">
<span>Tanjona</span>
<p class="green-activity"></p>
</div>
</a>
</nav>
<div class="navbar-collapse"></div>
</header>
<!--header end -->
<section id="intro" class="s-intro">
<div class="icon-bar col-lg-1 col-md-1 flex-center">
<a href="https://www.facebook.com/tanjona.radrianasolo" class="contact-icon"><i class="ion-social-facebook"></i></a>
<a href="https://www.linkedin.com/in/tanjona-randrianasolo-3210241a3/" class="contact-icon"><i class="ion-social-linkedin"></i></a>
<a href="https://www.instagram.com/tanjonarandrianasolo/" class="contact-icon"><i class="ion-social-instagram"></i></a>
<a href="https://github.com/NirinaTanjona" class="contact-icon"><i class="ion-social-github"></i></a>
</div>
<div class="presentation col-lg-4 col-md-4">
<p class="text-intro__title">Hi, I'm <span style="color:var(--red)">Tanjona</span></p>
<p class="text-intro__sub">I am a fullstack ruby and javascript web developer.
</p>
<p class="text-intro__desc">you want to know more about me and my work? <br>I invite you to <span style="color:var(--red)">keep scrolling</span></p>
</div>
<div class="intro-image col-lg-5 col-md-5">
<img src="images/profil.jpeg">
</div>
<div class="date-time col-lg-2 col-md-2"></div>
</section>
<!--about
=============================================================== -->
<section id="about" class="s-about">
<div class="container">
<div class="section-intro">
<div class="sub-head">
<h1>about</h1>
<h2>let me introduce myself</h2>
</div>
<p>I am an engineer in automation and industrial computing but I am especially passionate about IT in general, particularly in the field of web development, AI and any other innovative technology.</p>
</div>
<div class="about-container">
<div class="info-skills">
<div class="box">
<h2 class="mb-3">Profile</h2>
<div class="list-info">
<div class="table row border-top bg-secondary">
<strong class="col-lg-6 pl0 pr0">name</strong></td>
<span class="col-lg-6 pl0 pr0">Randrianasolo</span>
</div>
<div class="table row border-middle bg-secondary">
<strong class="col-lg-6 pl0 pr0">firstname</strong></td>
<span class="col-lg-6 pl0 pr0">Nirina Tanjona</span>
</div>
<div class="table row border-middle bg-secondary">
<strong class="col-lg-6 pl0 pr0">birth date</strong></td>
<span class="col-lg-6 pl0 pr0">july 27th, 1996</span>
</div>
<div class="table row border-middle bg-secondary">
<strong class="col-lg-6 pl0 pr0">job</strong></td>
<span class="col-lg-6 pl0 pr0">freelancer, web developer</span>
</div>
<div class="table row border-bottom bg-secondary">
<strong class="col-lg-6 pr0 pl0">email</strong></td>
<span class="col-lg-6 pr0 pl0"><a href="mailto:[email protected]" class="gray-font-color">[email protected]</a></span>
</div>
</div>
</div>
<div class="box">
<h2 class="mb-3">skills</h2>
<p>I am rather turned towards technologies which revolve around python, javascript and ruby, but I try to open my horizons by studying other languages and other frameworks like Vue js or angular.</p>
<div class="skill-info">
<div class="skill-box">
<div class="table border-top">
<span><strong>frontend skills</strong></span>
</div>
<div class="table border-bottom flex">
<span class="alert-skill-btn skill-btn--green">html & css</span>
<span class="alert-skill-btn skill-btn--green">vanilla js</span>
<span class="alert-skill-btn skill-btn--green">react js</span>
<span class="alert-skill-btn skill-btn--green">next js</span>
<span class="alert-skill-btn skill-btn--green">typescript</span>
</div>
</div>
<div class="skill-box">
<div class="table border-top">
<span><strong>backend skills</strong></span>
</div>
<div class="table border-bottom flex">
<span class="alert-skill-btn skill-btn--green">Node js & express js</span>
<span class="alert-skill-btn skill-btn--green">Ruby On Rails</span>
<span class="alert-skill-btn skill-btn--green">MongoDB</span>
<span class="alert-skill-btn skill-btn--green">postgresql</span>
</div>
</div>
<div class="skill-box">
<div class="table border-top">
<span><strong>Tools</strong></span>
</div>
<div class="table border-bottom flex">
<span class="alert-skill-btn skill-btn--green">vim & tmux</span>
<span class="alert-skill-btn skill-btn--green">Git</span>
<span class="alert-skill-btn skill-btn--green">VS Code</span>
</div>
</div>
<div class="skill-box">
<div class="table border-top">
<span><strong>Environment</strong></span>
</div>
<div class="table border-bottom flex">
<span class="alert-skill-btn skill-btn--green">Linux</span>
<span class="alert-skill-btn skill-btn--green">Windows</span>
<span class="alert-skill-btn skill-btn--green">Github</span>
<span class="alert-skill-btn skill-btn--green">Gitlab</span>
<span class="alert-skill-btn skill-btn--green">BitBucket</span>
</div>
</div>
<div class="skill-box">
<div class="table border-top">
<span><strong>Other langages and framework</strong></span>
</div>
<div class="table border-bottom flex">
<span class="alert-skill-btn skill-btn--blue">bash scripting</span>
<span class="alert-skill-btn skill-btn--blue">Flutter</span>
<span class="alert-skill-btn skill-btn--blue">Python</span>
<span class="alert-skill-btn skill-btn--blue">Django</span>
</div>
</div>
<div class="skill-box">
<div class="table border-top">
<span><strong>My Qualities</strong></span>
</div>
<div class="table border-bottom flex">
<span class="alert-skill-btn skill-btn--blue">Hightly pationate</span>
<span class="alert-skill-btn skill-btn--blue">Visionary</span>
<span class="alert-skill-btn skill-btn--blue">Self-taugh</span>
<span class="alert-skill-btn skill-btn--blue">Inspiring</span>
</div>
</div>
<div class="skill-box">
<div class="table border-top">
<span><strong>Hobies</strong></span>
</div>
<div class="table border-bottom flex">
<span class="alert-skill-btn skill-btn--blue">Reading</span>
<span class="alert-skill-btn skill-btn--blue">Learning new things</span>
<span class="alert-skill-btn skill-btn--blue">Basketball</span>
<span class="alert-skill-btn skill-btn--blue">Playing games</span>
</div>
</div>
<p>You can download my CV here in english version and french version
</p>
<div class="flex">
<a class="btn mr-6 mb-3" href="#">
<span class="icon-control mr-6"><i class="ion-android-folder"></i></span>
<span>Download CV</span>
</a>
<a class="btn mb-3" href="#">
<span class="icon-control mr-6"><i class="ion-android-folder"></i></span>
<span>Telecharger CV</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="portfolio" class="s-portfolio">
<div class="container">
<div class="section-intro">
<div class="sub-head">
<h1>portfolio</h1>
<h2>this is my work</h2>
</div>
</div>
<a href="https://nirinatanjona.github.io/Plant-disease-detector/"><h1>Plant disease detector</h1></a>
<div class="port-card flex flex-center">
<div class="card">
<img src="images/plantDisease.png" width="100%">
</div>
<p class="description">this is my graduation project. it is based on the detection of plant disease using deep learning. the library used is the tensorflow, the model is then deployed in react. You are free to consult the source code in the following link. <a href="https://github.com/NirinaTanjona/Plant-disease-detector">Plant disease detection</a></p>
</div>
</div>
</section>
<section id="contact" class="s-contact">
<div class="container">
<div class="section-intro">
<div class="sub-head">
<h1>contact</h1>
<h2>these are my contacts</h2>
</div>
</div>
<p class="contact-text">If you want to contact me, you can <a class="email" href="mailto:#[email protected]">email me</a> directly. I am also reachable in social networks.
</p>
<a class="btn mr-6 mb-3" href="https://www.facebook.com/tanjona.radrianasolo">
<span class="icon-control mr-6"><i class="ion-social-facebook"></i></span>
<span>facebook</span>
</a>
<a class="btn mr-6 mb-3" href="https://www.instagram.com/tanjonarandrianasolo">
<span class="icon-control mr-6"><i class="ion-social-instagram"></i></span>
<span>Instagram</span>
</a>
<a class="btn mr-6 mb-3" href="https://www.linkedin.com/in/tanjona-randrianasolo-3210241a3/">
<span class="icon-control mr-6"><i class="ion-social-linkedin"></i></span>
<span>linkedin</span>
</a>
<a class="btn mr-6 mb-3" href="https://github.com/NirinaTanjona">
<span class="icon-control mr-6"><i class="ion-social-github"></i></span>
<span>github</span>
</a>
</div>
</section>
<footer>
<div class="separator"></div>
<div class="container">
<blockquote>
<p>This is my resume, if you are interested, contact me and let's work together. <span>😁</span></p>
</blockquote>
</div>
</footer>
<a id="back-to-top" type="button"><i class="fa fa-chevron-up"></i></a>
<script src="main.js"></script>
</body>
</html>