Skip to content

Commit 8364579

Browse files
E1ecTro5E1ecTro5
authored
Pull request #4 from testing to main
Updating to v2.0.0
2 parents d509e05 + ccd6f16 commit 8364579

20 files changed

+221
-480
lines changed

‎index.html‎

Lines changed: 90 additions & 168 deletions
Original file line numberDiff line numberDiff line change
@@ -12,207 +12,129 @@
1212
<link
1313
href="https://fonts.googleapis.com/css2?family=Oswald:[email protected]&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap"
1414
rel="stylesheet">
15+
<link
16+
href="https://fonts.googleapis.com/css2?family=Playwrite+CU:[email protected]&display=swap"
17+
rel="stylesheet">
1518
</head>
1619

1720
<body>
1821
<header>
19-
<div class="navbar">
20-
<a href="https://e1ectro5.github.io">ElecTro</a>
21-
22-
<div class="drop">
23-
<ul class="navbar-items">
24-
<li><a href="#welcome">Home</a></li>
25-
<li><a href="#about">About</a></li>
26-
<li><a href="#skills">Skills</a></li>
27-
<li><a href="#projects">Projects</a></li>
28-
<li><a href="#contacts">Contacts</a></li>
29-
</ul>
30-
31-
<img src="source/images/icons/menu.png" alt="..." class="nav-button">
22+
<div class="holder">
23+
<div class="img-container">
24+
<img src="source/images/backgrounds/bg-effected.jpg" alt="">
3225
</div>
33-
</div>
34-
</header>
3526

36-
<section>
37-
<div class="welcome">
38-
<a id="welcome"></a>
39-
<div class="main-bg-img-container">
40-
<img src="source/images/backgrounds/bg-light.jpeg" alt="">
41-
<div class="dark-filter"></div>
27+
<div class="navbar">
28+
<p>ElecTro</p>
29+
<div class="drop">
30+
<div class="navbar-items">
31+
<a href="#skills">Skills</a>
32+
<a href="#projects">Projects</a>
33+
<a href="#contacts">Contacts</a>
34+
</div>
35+
</div>
36+
4237
</div>
4338

4439
<div class="welcome-text">
45-
<h2>Welcome, stranger.</h2>
40+
<h4>Peace be upon you, stranger.</h4>
4641
<p>I am ElecTro, a beginner developer.</p>
4742
</div>
4843
</div>
44+
</header>
4945

50-
<div class="about">
51-
<a id="about"></a>
52-
<div class="cont-header">
53-
<p>About me</p>
46+
<section>
47+
<div class="skills" id="skills">
48+
<div class="header">
49+
<h4>My Skills</h4>
5450
</div>
5551

56-
<div class="about-content">
57-
<div class="persona-img">
58-
<img src="source/images/maninmask.png" alt="">
52+
<div class="holder">
53+
<div class="card">
54+
<img src="source/images/icons/csharpwithoutback.png" alt="">
55+
<ul>
56+
<li>Junior C#</li>
57+
<li>WPF</li>
58+
<li>Telegram Bots</li>
59+
<li>Still researching...</li>
60+
</ul>
5961
</div>
60-
61-
<div class="persona-info">
62-
<h2>Call me ElecTro</h2>
63-
<p>I'm just a student who's main hobbies are gaming and coding. Basicly specialize on desktop application development using technologies such as WPF, UWP.</p>
64-
</div>
65-
</div>
66-
</div>
67-
68-
<div class="skills">
69-
<a id="skills"></a>
70-
<div class="cont-header">
71-
<p>My skills</p>
72-
</div>
73-
74-
<div class="skills-content">
75-
<div class="section-bg-img-container">
76-
<img src="source/images/backgrounds/bg-anime-city.jpg" alt="">
77-
<div class="dark-filter"></div>
62+
<div class="line-vertical"></div>
63+
<div class="card">
64+
<img src="source/images/icons/html5logo.png" alt="">
65+
<ul>
66+
<li>Basic HTML</li>
67+
<li>Basic CSS</li>
68+
<li>Bootstrap</li>
69+
</ul>
7870
</div>
79-
80-
<div class="skill-container">
81-
<div class="upper-card">
82-
<p>HTML & CSS</p>
83-
</div>
84-
<div class="lower-card">
85-
<ul>
86-
<li>Basic HTML</li>
87-
<li>Basic CSS</li>
88-
<li>Bootstrap</li>
89-
</ul>
90-
</div>
91-
</div>
92-
93-
<div class="skill-container">
94-
<div class="upper-card">
95-
<p>C#</p>
96-
</div>
97-
<div class="lower-card">
98-
<ul>
99-
<li>Basic C#</li>
100-
<li>WPF</li>
101-
<li>Coming soon</li>
102-
</ul>
103-
</div>
104-
</div>
105-
106-
<div class="skill-container">
107-
<div class="upper-card">
108-
<p>War Thunder</p>
109-
</div>
110-
<div class="lower-card">
111-
<ul>
112-
<li>Professional Camping</li>
113-
<li>Professional 6.7 BR Camper</li>
114-
<li>I wrote it here just for fun</li>
115-
</ul>
116-
</div>
71+
<div class="line-vertical"></div>
72+
<div class="card">
73+
<img src="source/images/icons/questionmarklogo.png" alt="">
74+
<ul>
75+
<li>Unknown?</li>
76+
<li>Unknown?</li>
77+
<li>Unknown?</li>
78+
</ul>
11779
</div>
11880
</div>
11981
</div>
12082

121-
<div class="projects">
122-
<a id="projects"></a>
123-
<div class="cont-header">
124-
<p>My Projects</p>
83+
<div class="projects" id="projects">
84+
<div class="header">
85+
<h4>My Projects</h4>
12586
</div>
12687

127-
<div class="projects-content">
128-
<div class="section-bg-img-container">
129-
<img src="source/images/backgrounds/bg-anime-city-dark.png" alt="">
130-
<div class="dark-filter"></div>
131-
</div>
132-
133-
<div class="project-container">
134-
<div class="project-card">
135-
<img src="source/images/projects/project_website.png" alt="">
88+
<div class="holder">
89+
<!-- Website -->
90+
<a href="https://github.com/E1ecTro5/e1ectro5.github.io" target="_blank">
91+
<div class="card">
92+
<img src="source/images/backgrounds/thiswebsite.png" alt="">
13693
<h4>This website</h4>
137-
<p>This website, which you are currently on.</p>
138-
139-
<a href="https://github.com/E1ecTro5/e1ectro5.github.io" target="_blank">
140-
<div class="project-link">
141-
<p>Go to project</p>
142-
</div>
143-
</a>
94+
<p>The website, which you are currently on.</p>
14495
</div>
145-
</div>
146-
<div class="project-container">
147-
<div class="project-card">
148-
<img src="source/images/projects/project_comingsoon.png" alt="">
149-
<h4>Coming soon</h4>
150-
<p>Once I'm done with something cool, it will be shown here.</p>
96+
</a>
15197

152-
<a href="#" target="_blank">
153-
<div class="project-link">
154-
<p>Go to project</p>
155-
</div>
156-
</a>
157-
</div>
158-
</div>
159-
<div class="project-container">
160-
<div class="project-card">
161-
<img src="source/images/projects/project_comingsoon.png" alt="">
162-
<h4>Coming soon</h4>
163-
<p>Once I'm done with something cool, it will be shown here.</p>
98+
<div class="line-vertical"></div>
16499

165-
<a href="#" target="_blank">
166-
<div class="project-link">
167-
<p>Go to project</p>
168-
</div>
169-
</a>
100+
<!-- other projd -->
101+
<a href="#" target="_blank">
102+
<div class="card">
103+
<img src="source/images/backgrounds/project_comingsoon.png" alt="">
104+
<h4>Coming Soon!</h4>
105+
<p>Once I'm done with something cool, I'll place it here.</p>
170106
</div>
171-
</div>
172-
</div>
173-
174-
</div>
175-
176-
<div class="contacts">
177-
<a id="contacts"></a>
178-
<div class="cont-header">
179-
<p>Contacts</p>
180-
</div>
181-
182-
<div class="contacts-content">
183-
<p>Have to say something? You can find me here:</p>
184-
185-
<div class="contacts-links">
186-
<div class="contact-container">
187-
<img src="source/images/icons/gmail.png" alt="">
188-
<p style="margin-left: 0.9em;">[email protected]</p>
107+
</a>
108+
109+
<div class="line-vertical"></div>
110+
111+
<!-- other proj -->
112+
<a href="#" target="_blank">
113+
<div class="card">
114+
<img src="source/images/backgrounds/project_comingsoon.png" alt="">
115+
<h4>Coming Soon!</h4>
116+
<p>Once I'm done with something cool, I'll place it here.</p>
189117
</div>
190-
<a href="https://github.com/E1ecTro5" target="_blank">
191-
<div class="contact-container">
192-
<img src="source/images/icons/github.png" alt="">
193-
<p>E1ecTro5</p>
194-
</div>
195-
</a>
196-
<a href="https://steamcommunity.com/id/electro1228/" target="_blank">
197-
<div class="contact-container">
198-
<img src="source/images/icons/steam.png" alt="">
199-
<p>ElecTro</p>
200-
</div>
201-
</a>
202-
<a href="https://t.me/e1ectro5" target="_blank">
203-
<div class="contact-container">
204-
<img src="source/images/icons/telegram.png" alt="">
205-
<p>E1ecTro5</p>
206-
</div>
207-
</a>
208-
</div>
118+
</a>
209119
</div>
210120
</div>
211121
</section>
212122

213-
<footer>
214-
<div class="end">
215-
<p>Website made by ElecTro | Rights aren't reserved : &#41; | 2024</p>
123+
<footer id="contacts">
124+
<div class="holder">
125+
<div class="contacts">
126+
<!-- Github -->
127+
<a href="https://github.com/E1ecTro5" target="_blank">
128+
<img src="source/images/icons/githubLogo.png" alt="">
129+
</a>
130+
<!-- Telegram -->
131+
<a href="https://t.me/e1ectro5" target="_blank">
132+
<img src="source/images/icons/telegramLogo.png" alt="">
133+
</a>
134+
</div>
135+
<div class="rights">
136+
<p>Website made by ElecTro. Rights aren't reserved.</p>
137+
</div>
216138
</div>
217139
</footer>
218140
</body>

‎source/images/backgrounds/bg-anime-city-dark.png‎

-2.77 MB
Binary file not shown.

‎source/images/backgrounds/bg-anime-city.jpg‎

-2.51 MB
Binary file not shown.

‎source/images/backgrounds/bg-effected.jpg‎

1.85 MB
Loading

‎source/images/backgrounds/bg-light.jpeg‎

-7.11 MB
Binary file not shown.

source/images/projects/project_comingsoon.png renamed to source/images/backgrounds/project_comingsoon.png

File renamed without changes.

‎source/images/backgrounds/thiswebsite.png‎

716 KB
Loading

‎source/images/icons/csharpwithoutback.png‎

25.7 KB
Loading

‎source/images/icons/github.png‎

-17.4 KB
Binary file not shown.

‎source/images/icons/githubLogo.png‎

13.3 KB
Loading

0 commit comments

Comments
 (0)