Правки.

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

View File

@ -21,33 +21,43 @@
<body> <body>
<header> <header>
<nav class="navbar navbar-expand-lg bg-dark"> <nav class="navbar navbar-expand-lg">
<div class="container-fluid"> <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" <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
<div class="collapse navbar-collapse" id="navbarNav"> <div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav"> <div class="navbar-left">
<li class="nav-item"> <ul class="navbar-nav">
<a class="nav-link active" aria-current="page" href="/">Home</a> <li class="nav-item">
</li> <a class="nav-link active" aria-current="page" href="/">Home</a>
<li class="nav-item"> </li>
<a class="nav-link" href="pricing.html">Pricing</a> <li class="nav-item">
</li> <a class="nav-link" href="pricing.html">Pricing</a>
<li class="nav-item"> </li>
<a class="nav-link" href="pricing.html">Contacts</a> <li class="nav-item">
</li> <a class="nav-link" href="pricing.html">Contacts</a>
<li class="nav-item"> </li>
<a class="nav-link" href="pricing.html"><img style="width: 35px; margin-inline: 1em;" <li class="nav-item">
src="source/files/Youtube_logo.png" alt="..."></a> <a class="nav-link" href="pricing.html"><img style="width: 35px; margin-inline: 0.1em;"
</li> src="source/files/Youtube_logo.png" alt="..."></a>
<li class="nav-item"> </li>
<a class="nav-link" href="pricing.html"><img style="width: 25px; margin-inline: 1em;" <li class="nav-item">
src="source/files/Telegram_logo.svg.png" alt="..."></a> <a class="nav-link" href="pricing.html"><img style="width: 25px; margin-inline: 0.1em;"
</li> src="source/files/Telegram_logo.svg.png" alt="..."></a>
</ul> </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>
</div> </div>
</nav> </nav>
@ -56,10 +66,10 @@
<section> <section>
<div class="bgvideo"> <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="effect"></div>
<div class="video-text"> <div class="video-text hello-anim">
<h1>Render Line</h1> <h1>Drive to Opportunity</h1>
</div> </div>
</div> </div>

View File

@ -21,7 +21,7 @@
<header> <header>
<nav class="navbar navbar-expand-lg bg-dark"> <nav class="navbar navbar-expand-lg bg-dark">
<div class="container-fluid"> <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" <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>

Binary file not shown.

After

Width:  |  Height:  |  Size: 33 KiB

Binary file not shown.

View File

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

View File

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