-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
243 lines (229 loc) · 12.7 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
<!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">
<title>CMarian</title>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-7RCWW6LF5M"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-7RCWW6LF5M');
</script>
<link rel="stylesheet" href = "styles/style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css" integrity="sha512-SzlrxWUlpfuzQ+pcUCosxcglQRNAq/DZjVsC0lE40xsADsfeQoEypE+enwcOiGjk/bSuGGKHEyjSoQ1zVisanQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital@1&display=swap" rel="stylesheet">
</head>
<body class = "main-cont">
<header class="section sec1 header active" id = "home">
<div class="header-content">
<div class="left-header">
<div class="h-shape">
</div>
<div class="image">
<img src = "img/main_portrait.png" alt="main_portrait">
</div>
</div>
<div class="right-header">
<h1 class="name">
Hello, I'm <span class = "name">Lungu Constantin-Marian</span>
A Software Developer
</h1>
<p>
Student at the University 'Gheoghe Asachi', Iasi at the faculty 'Electrical Engineering, Energetics and Applied Informatics'.
Since the end of high school I was trying to interact with programming, after the first semester of college and the contact with specialized disciplines in this field, I realized that I like it, after a short adventure in the C programming language, I said I had to choose something else.
So in the summer of 2022 I chose to take 2 specialized courses for the Python programming language, unsure of my knowledge gained from the courses I chose to take on various projects. In this world full of changes, I think the best way to learn is curiosity, pleasure and set goals.
</p>
<div class="btn-container">
<a href = "https://github.com/CMarian02" alt="github-profile" target="_blank" class="main-btn">
<span class="btn-text">Visit Github</span>
<span class="btn-icon"><i class="fa-solid fa-rocket"></i></span>
</a>
</div>
</div>
</div>
</header>
<main>
<section class="section sec2 about" id = "about">
<div class="main-title-abt">
<h2>About <span>me</span><span class ="bg-text">my stats</span></h2>
</div>
<div class ="h-shape">
</div>
<div class="about-info">
<p>I'm definitely at the beginning, and my knowledge of the programming languages listed below is low, but I'm ready to constantly learn and practice new things.</p>
</div>
<div class="skills">
<h3>Known <span>Programming</span> Languages:</h3>
<ul>
<li><i class="fab fa-python"></i> Python</li>
<li><i class="fas fa-code"></i> C</li>
</ul>
<div class="skills">
<h3>Known <span>skills</span> in:</h3>
<ul>
<li><i class="fa-solid fa-paintbrush"></i> Adobe Photoshop</li>
<li><i class="fa-solid fa-pen-nib"></i>Adobe Illustrator</li>
<li><i class="fas fa-file-excel"></i> Excel</li>
<li><i class="fas fa-file-word"></i> Office</li>
<li><i class="fas fa-file-powerpoint"></i> PowerPoint</li>
</ul>
</div>
</div>
</section>
<section class="section sec3 portfolio" id = "portfolio">
<!--<div class="h-shape">
</div>-->
<div class = "main-title">
<h2>My <span>Portfolio</span><span class = "bg-text">My Work</span></h2>
</div>
<p class="port-text">
You can find here first project.
</p>
<div class="projects">
<div class="project"> <!--This is Guess Number Project-->
<div class="img">
<img src="img/projects_logos/guess-game.png" alt = "show_project_preview">
</div>
<div class="hover-project">
<h3>Guess Number</h3>
<div class="source-icons">
<a href="https://github.com/CMarian02/guess-number" class = "icon" target="_blank">
<i class="fa-brands fa-github-alt"></i>
</a>
<a href="https://youtu.be/9s4lrDvLZf4" class = "icon" target="_blank">
<i class="fa-brands fa-youtube"></i>
</a>
</div>
</div>
</div>
<div class="project"> <!--This is Safe Cracking Project-->
<div class="img">
<img src="img/projects_logos/safe_crack.jpg" alt = "show_project_preview">
</div>
<div class="hover-project">
<h3>Safe-Cracking</h3>
<div class="source-icons">
<a href="https://github.com/CMarian02/safe-cracking" class = "icon" target="_blank">
<i class="fa-brands fa-github-alt"></i>
</a>
<a href="https://youtu.be/UMR3mWsgUD8" class = "icon" target="_blank" >
<i class="fa-brands fa-youtube"></i>
</a>
</div>
</div>
</div>
<div class="project"> <!--This is ATM Banking Project-->
<div class="img">
<img src="img/projects_logos/atm-banking.png" alt = "show_project_preview">
</div>
<div class="hover-project">
<h3>ATM Banking</h3>
<div class="source-icons">
<a href="img/projects_logos/safe_crack.jpg" class = "icon" target="_blank">
<i class="fa-brands fa-github-alt"></i>
</a>
<a href="https://youtu.be/cat0A39v3sA" class = "icon" target="_blank">
<i class="fa-brands fa-youtube"></i>
</a>
</div>
</div>
</div>
<div class="project"> <!--This is Fast Convert Project-->
<div class="img">
<img src="img/projects_logos/convert.png" alt = "show_project_preview">
</div>
<div class="hover-project">
<h3>Fast Convert</h3>
<div class="source-icons">
<a href="https://github.com/CMarian02/fast-convert" class = "icon" target="_blank">
<i class="fa-brands fa-github-alt"></i>
</a>
<a href="https://youtu.be/6Ofe_vpmFmM" class = "icon" target="_blank">
<i class="fa-brands fa-youtube"></i>
</a>
</div>
</div>
</div>
<div class="project"> <!--This is op-calculator Project-->
<div class="img">
<img src="img/projects_logos/calculator.png" alt = "show_project_preview">
</div>
<div class="hover-project">
<h3>OP-Calculator</h3>
<div class="source-icons">
<a href="https://github.com/CMarian02/op-calculator" class = "icon" target="_blank">
<i class="fa-brands fa-github-alt"></i>
</a>
<a href="https://youtu.be/bM0L8rTrzjY" class = "icon" target="_blank">
<i class="fa-brands fa-youtube"></i>
</a>
</div>
</div>
</div>
<div class="project"> <!--This is Std-Manager Project-->
<div class="img">
<img src="img/projects_logos/std-manager.jpg" alt = "show_project_preview">
</div>
<div class="hover-project">
<h3>STD-Manager</h3>
<div class="source-icons">
<a href="https://github.com/CMarian02/std-manager" class = "icon" target="_blank">
<i class="fa-brands fa-github-alt"></i>
</a>
<a href="#" class = "icon">
<i class="fa-brands fa-youtube"></i>
</a>
</div>
</div>
</div>
</div>
</section>
<section class="section sec4 contact" id = "contact">
<div class="main-title">
<h2>Contact <span>Me</span><span class ="bg-text">DM</span></h2>
</div>
<div class = "contact-zone">
<p>You can find me:</p>
<div class="contact-element">
<a href="mailto:lcmarian.office@gmail.com" alt="email" target="_blank">
<i class="fa-regular fa-envelope"></i>
</a>
<a href="https://github.com/CMarian02" alt="github-profile" target="_blank">
<i class="fa-brands fa-github"></i>
</a>
<a href="https://www.youtube.com/channel/UCnrcJy9wH8TJUZezsXvNmPg" alt="youtube-profile" target="_blank">
<i class="fa-brands fa-youtube"></i>
</a>
<a href="https://www.linkedin.com/in/constantin-marian-lungu-1a0070248/" alt = "linkedin-profile" target ="_blank">
<i class="fa-brands fa-linkedin"></i>
</a>
<a href="https://twitter.com/CMarian02" alt = "twitter-profile" target="_blank">
<i class="fa-brands fa-twitter"></i>
</a>
</div>
</div>
</section>
</main>
<div class = "points-to-switch">
<div class="control control-1 active-btn" data-id="home">
<i class="fa-sharp fa-solid fa-house-chimney"></i>
</div>
<div class="control control-2" data-id="about">
<i class="fa-solid fa-address-card"></i>
</div>
<div class="control control-3" data-id="portfolio">
<i class="fa-sharp fa-solid fa-folder-open"></i>
</div>
<div class="control control-4" data-id="contact">
<i class="fa-sharp fa-regular fa-paper-plane"></i>
</div>
</div>
<script src="main.js"></script>
</body>
</html>