-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
183 lines (162 loc) · 8.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
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
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Home</title>
<link rel="stylesheet" href="./src/Home/style.css">
</head>
<body>
<header>
<a class="logo" href="#">devBacement</a>
<ul class="navList" style="list-style: none;">
<li><a class="active" href="./index.html">Home</a></li>
<li><a href="./projects.html">Projects</a></li>
<li><a href="#about">Team</a></li>
</ul>
</header>
<div class="video_bg">
<video src="./assets/videos/devBacementPreviewVideo.mp4" type="video/mp4" muted autoplay loop></video>
<div class="video-bg-content">
<h1>devBacement</h1>
<h2>We make games and software</h2>
</div>
</div>
<div class="main-content">
<h1>devBacement</h1>
<div class="splitter"></div>
<h2>Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta sint a quasi voluptatum molestiae praesentium dicta quod, doloribus consequuntur similique iusto tempore quis fuga, dolorum in porro hic reiciendis quibusdam?
Ad asperiores quaerat sit! Repudiandae rem, tempora aperiam dicta at porro sit neque optio dignissimos esse placeat recusandae debitis sint accusantium temporibus nihil repellendus. Fugit earum eum aperiam sit molestiae.
Exercitationem, nesciunt. Id repellendus asperiores libero, cupiditate officiis laudantium reprehenderit officia repudiandae sequi distinctio possimus sit consectetur quisquam adipisci consequuntur corporis ad maxime veritatis voluptatem quasi dolores nesciunt! Minus, incidunt!
Neque atque autem consectetur beatae totam id? Laboriosam, eligendi. Cumque veniam vero velit temporibus voluptatibus, possimus adipisci nihil deleniti minus sint officiis amet ipsam, ex iusto culpa voluptate accusamus enim.
Aut dolor consequuntur labore deleniti repellat esse error, eum, cumque blanditiis temporibus dolorum non magnam explicabo soluta sequi vitae provident in velit sed tenetur qui incidunt pariatur et! Tenetur, ratione.</h2>
</div>
<div style="margin-top: 100px;">
<div style="display: flex; justify-content: center; overflow: hidden;">
<div class="parralax-handler"></div>
</div>
</div>
<div class="team-content">
<div>
<h1>Our team</h1>
<div class="team-content-container">
<div class="card-style">
<div class="team-content-wrapper">
<div class="team-content-name-handler">
<img src="./assets/img/SergeyAvatar.jpg" class="team-avatar">
<div class="employee-name">
<h1>RePti-LoiD</h1>
<h2>Sergey Belchikov</h2>
<a target="_blank" href="https://github.com/RePti-LoiD">delhikovsr@gmail.com</a>
</div>
</div>
<div class="tags">
<h1>Development.Team</h1>
<h1>CSharp</h1>
<h1>.NET</h1>
<h1>Unity</h1>
<h1>UWP</h1>
<h1>WinUi3</h1>
<h1>Web</h1>
</div>
<h1>About</h1>
</div>
<h2>C#/.NET developer, devBacement founder. Still learn programming, since 2020. Work in unity, also use Universal Windows Platform. <a href="" class="in-text-a">devBacement</a> creator.</h2>
</div>
<div class="card-style">
<div class="team-content-wrapper">
<div class="team-content-name-handler">
<img src="./assets/img/YuriAvatar.jpg" class="team-avatar">
<div class="employee-name">
<h1>Mephi</h1>
<h2>Yuri Zubov</h2>
<a target="_blank" href="https://github.com/timephi">mephier@gmail.com</a>
</div>
</div>
<div class="tags">
<h1>Development.Team</h1>
<h1>C++</h1>
<h1>Math</h1>
<h1>CSharp</h1>
<h1>.NET</h1>
</div>
<h1>About</h1>
</div>
<h2>Lorem ipsum dolor sit amet consectetur adipisicing elit. Odit provident quas rerum distinctio porro ipsam molestias sunt repudiandae aspernatur totam. Ducimus, expedita. Exercitationem saepe et consequatur tenetur fugiat ea eveniet.</h2>
</div>
<div class="card-style">
<div class="team-content-wrapper">
<div class="team-content-name-handler">
<img src="./assets/img/MargariaAvatar.jpg" class="team-avatar">
<div class="employee-name">
<h1>Møran</h1>
<h2>Margarita</h2>
</div>
</div>
<div class="tags">
<h1>Sound Producer</h1>
<h1>Unity</h1>
<h1>Artist</h1>
<h1>CSharp</h1>
<h1>.NET</h1>
</div>
<h1>About</h1>
</div>
<h2>Lorem ipsum dolor sit amet consectetur adipisicing elit. Odit provident quas rerum distinctio porro ipsam molestias sunt repudiandae aspernatur totam. Ducimus, expedita. Exercitationem saepe et consequatur tenetur fugiat ea eveniet.</h2>
</div>
</div>
</div>
</div>
<div>
<div style="display: flex; justify-content: center; overflow: hidden;">
<div class="parralax-handler-other"></div>
</div>
</div>
<div class="timeline">
<div class="container right">
<div class="content">
<h2>14 august 2020</h2>
<p>devBacement founder RePti-LoiD starts learn programming via Python language.</p>
<p>One of the first programme was on Python using <a class="in-text-a" target="_blank" href="https://www.pygame.org/">pygame</a> library.</p>
</div>
</div>
<div class="container right">
<div class="content">
<h2>2021</h2>
<p>Hard work on self skills =D</p>
</div>
</div>
<div class="container right">
<div class="content">
<h2>2022</h2>
<p>devBacement founder RePti-LoiD switch to C# programming language with <a class="in-text-a" target="_blank" href="https://unity.com/">Unity Engine</a></p>
<p>One of first Unity projects was <a class="in-text-a" href="./projectRTW.html">Red Town Warfare</a> fps (Development frozen)</p>
</div>
</div>
<div class="container right">
<div class="content">
<h2>22 may 2022</h2>
<p style="font-weight: 600;">devBacement was founded</p>
</div>
</div>
<div class="container right">
<div class="content">
<h2>2023</h2>
<p>devBacement team works on new projects!</p>
<p>You can track our progress on project page.</p>
</div>
</div>
</div>
<footer>
<div style="display: flex; flex-direction: column;">
<img style="position: absolute; opacity: 0.03; height: 400px;" src="https://raw.githubusercontent.com/RePti-LoiD/GachiPage/main/HtmlCssGachiPage/BankLogo.png">
<a href="#" style="z-index: 5;">devBacement.com</a>
<a class="footer-a" target="_blank" href="https://github.com/RePti-LoiD/devBacement">repository</a>
<hr>
<h3 style="margin-top: 10px;">devbacement is a team of enthusiasts working on collaborative products and solutions. our team is non-commerce we are working for an idea. This site was made for presentation for team portfolio and presentation out projects.</h3>
<div style="display: flex; justify-content: flex-end;">
<h3 style="font-size: 15px;">© 2023 all rights reserved</h3>
</div>
</div>
</footer>
</body>
</html>