Правки.
This commit is contained in:
58
index.html
58
index.html
@ -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>
|
||||||
|
|
||||||
|
|||||||
@ -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.
BIN
source/files/Logo512х512.png
Normal file
BIN
source/files/Logo512х512.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
Binary file not shown.
@ -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);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user