-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
148 lines (148 loc) · 6.74 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Nicolae Mogage</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="font-awesome/css/all.min.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap" rel="stylesheet">
<link rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,250,0,0"/>
</head>
<body>
<header id="home" class="first-page">
<nav class="main-menu">
<div class="left-menu">
<i class="fa-solid fa-star fa-2xl big-star"></i>
<i class="fa-solid fa-star small-star"></i>
</div>
<i class="extended-menu-button fa-solid fa-bars "></i>
<div class="center-menu">
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#projects">Portfolio</a></li>
<li><a href="#about-me">About Me</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
<div class="right-menu">
<p><a href="#contact" class="right-menu-item">Get in Touch</a></p>
</div>
</nav>
<section>
<img class="author-main-picture" src="assets/images/Nicolae-Mogage-copy1.png"
alt="Picture of the author for the main page">
<div class="author-text">
<h1 class="author-name">Nicolae Mogage</h1>
<p class="author-description">Hello, my name is Nicolae Mogage, nice to meet you. I would like to welcome
you with my personal portfolio.</p>
</div>
</section>
<section class="round-rectangle">
<ul class="dots">
<li class="dot current"></li>
<li class="dot"></li>
<li class="dot"></li>
<li class="dot"></li>
</ul>
</section>
</header>
<main>
<section id="projects" class="projects">
<h3>My projects</h3>
<p>Some of the projects done during university.</p>
<ul>
<li class="project-element"><a
href="https://github.com/MogageNicolae/University/tree/main/Semester%204/Artificial%20Intelligence"
target="_blank">AI<span
class="material-symbols-outlined project-logo">hub</span></a></li>
<li class="project-element"><a
href="https://github.com/MogageNicolae/University/tree/main/Semester%204/Programming%20and%20Projection%20Enironments"
target="_blank">Client-Server</a></li>
<li class="project-element"><a
href="https://github.com/MogageNicolae/University/tree/main/Semester%204/Database%20Management%20Systems"
target="_blank">Database</a></li>
<li class="project-element"><a href="https://github.com/MogageNicolae/Automating-Scripts" target="_blank">Automation<span
class="material-symbols-outlined project-logo">atm</span></a>
</li>
<li class="project-element"><a
href="https://github.com/MogageNicolae/University/tree/main/Semester%204/Web%20Programming"
target="_blank">Web Apps</a></li>
</ul>
</section>
<section id="about-me" class="about-me">
<div>
<h3 class="red-text about-me-title">About Me</h3>
<h2 class="about-me-subtitle">Think of anything and I will get it done.</h2>
<p class="about-me-set-meeting"><a href="https://calendar.app.google/mfC4E6otm51z61Vf7" target="_blank">Set
up a meeting -></a></p>
</div>
<img src="assets/images/cube-shape.svg" alt="Shape of a cube" class="cube cube-right">
<img src="assets/images/cube-shape.svg" alt="Shape of a cube" class="cube cube-left">
<div>
<p class="about-me-description">Hi, I'm Nicolae Mogage. I study computer science at Babes-Bolyai University,
being in my third, and last,
year. I am passionate about artificial intelligence and anime, always seeking to improve myself. I love
working on interesting projects that I can be proud of, striving to create clean and enjoyable
interfaces.</p>
<div class="numbers-plus-wrapper">
<div class="number-plus-element">
<h2 class="about-me-number">50<span class="red-text">+</span></h2>
<p class="about-me-number-description">Projects Complete</p>
</div>
<div class="number-plus-element">
<h2 class="about-me-number">100<span class="red-text">+</span></h2>
<p class="about-me-number-description">Bugs Created</p>
</div>
<div class="number-plus-element">
<h2 class="about-me-number">5<span class="red-text">+</span></h2>
<p class="about-me-number-description">Years Experience</p>
</div>
</div>
</div>
</section>
<section>
<div class="ribbon lower-ribbon">
DEVELOPMENT
<span class="phrase-dot"></span>
DESIGN
<span class="phrase-dot"></span>
IMAGE EDITING
<span class="phrase-dot"></span>
IMAGE EDITING
<span class="phrase-dot"></span>
VIDEO EDITING
</div>
<div class="ribbon higher-ribbon">
DEVELOPMENT
<span class="phrase-dot"></span>
DESIGN
<span class="phrase-dot"></span>
IMAGE EDITING
<span class="phrase-dot"></span>
IMAGE EDITING
<span class="phrase-dot"></span>
VIDEO EDITING
</div>
</section>
</main>
<footer id="contact">
<div class="right-footer">
<p>Working in development and design has given me a stronger sense of the extraordinary.</p>
<p>© Nicolae Mogage. All rights reserverd 2023</p>
</div>
<div>
<ul class="socials">
<li><a href="https://instagram.com/nicolaemogage?igshid=OGQ5ZDc2ODk2ZA==" target="_blank">Instagram</a></li>
<li><a href="https://www.facebook.com/profile.php?id=100002644868745" target="_blank">Facebook</a></li>
<li><a href="https://www.linkedin.com/in/nicolae-mogage-50504a178" target="_blank">LinkedIn</a></li>
<li><a href="https://open.spotify.com/user/vuwiqzm9t9t18hfe5jzoybn9j?si=94bf84f36ab94f33" target="_blank">Spotify</a>
</li>
</ul>
</div>
</footer>
</body>
</html>