yulia.polushvayko/renderline.gitea.dedyn.io
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Правки.

Browse Source
This commit is contained in:
Yulia Polushvayko
2025-06-02 17:19:49 +03:00
parent 374f427d2e
commit 4f07c30c2f
7 changed files with 67 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
index.html
View File

@ -21,14 +21,15 @@
<body>
<header>
<nav class="navbar navbar-expand-lg bg-dark">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="/"><img src="source/files/Icon_Game_Mode.png" alt="Logo"></a>
<a class="navbar-brand" href="/"><img src="source/files/Logo512х512.png" alt="Logo"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<div class="navbar-left">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="/">Home</a>
@ -40,15 +41,24 @@
<a class="nav-link" href="pricing.html">Contacts</a>
</li>
<li class="nav-item">
<a class="nav-link" href="pricing.html"><img style="width: 35px; margin-inline: 1em;"
<a class="nav-link" href="pricing.html"><img style="width: 35px; margin-inline: 0.1em;"
src="source/files/Youtube_logo.png" alt="..."></a>
</li>
<li class="nav-item">
<a class="nav-link" href="pricing.html"><img style="width: 25px; margin-inline: 1em;"
<a class="nav-link" href="pricing.html"><img style="width: 25px; margin-inline: 0.1em;"
src="source/files/Telegram_logo.svg.png" alt="..."></a>
</li>
</ul>
</div>
<div class="navbar-right">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="pricing.html"><img style="width: 25px; margin-inline: 0.1em;"
src="source/files/Telegram_logo.svg.png" alt="..."></a>
</li>
</ul>
</div>
</div>
</div>
</nav>
@ -56,10 +66,10 @@
<section>
<div class="bgvideo">
<video src="source/files/Video_Engine.mp4" type="video/mp4" autoplay muted loop></video>
<video src="source/files/1007520_drone_forest_forest_drone_landscape_22011401Drone4k017.mp4" type="video/mp4" autoplay muted loop></video>
<div class="effect"></div>
<div class="video-text">
<h1>Render Line</h1>
<div class="video-text hello-anim">
<h1>Drive to Opportunity</h1>
</div>
</div>

2
pricing.html
View File

@ -21,7 +21,7 @@
<header>
<nav class="navbar navbar-expand-lg bg-dark">
<div class="container-fluid">
<a class="navbar-brand" href="/"><img src="source/files/Icon_Game_Mode.png" alt="Logo" /></a>
<a class="navbar-brand" href="/"><img src="source/files/Logo512х512.png" alt="Logo" /></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>

BIN
source/files/1007520_drone_forest_forest_drone_landscape_22011401Drone4k017.mp4 Normal file
View File

Binary file not shown.

BIN
source/files/Logo512х512.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 33 KiB

BIN
source/files/Video_Engine.mp4
View File

Binary file not shown.

18
source/styles/bg-video.css
View File

@ -29,6 +29,22 @@
}
.video-text {
color: bisque;
color:rgba(232, 232, 232, 0.484);
/* filter: blur(1px); */
filter: drop-shadow(5px 5px 10px #c9c9c9);
z-index: 2;
}
.hello-anim {
animation: helloAnim 10s linear 0s 1 normal forwards;
}
@keyframes helloAnim {
0% {
transform: scale(0.1);
}
100% {
transform: scale(1);
}
}

21
source/styles/mycss.css
View File

@ -5,6 +5,15 @@ body {
/* background: linear-gradient(0deg, #ffffff 87%, #242424 100%); */
}
.navbar {
background-color: #242424;
}
.navbar-collapse {
display: flex;
justify-content: space-between;
}
.nav-link {
color:rgb(178, 178, 178);
}
@ -102,12 +111,6 @@ body {
}
}
@media (max-width: 755px) {
.carousel-indicators {
display: none;
}
}
footer {
border-top: solid;
border-width: 1px;
@ -127,3 +130,9 @@ footer {
.btn-outline-primary {
background-color: #242424;
}
@media (max-width: 755px) {
.carousel-indicators {
display: none;
}
}