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

Добавила ссылку на документацию.

Browse Source
This commit is contained in:
Yulia Polushvayko
2025-07-08 17:45:00 +03:00
parent 880755b55d
commit 3f2093df26
4 changed files with 146 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

143
documentation.html Normal file
View File

@ -0,0 +1,143 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="source/images/Logo512х512.png">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.6.0/remixicon.css">
<link rel="stylesheet" href="source/styles/swiper-bundle.min.css">
<link rel="stylesheet" href="source/styles/style.css">
<title>Render Line Documentation</title>
</head>
<body>
<header class="header" id="header">
<nav class="nav-container">
<a href="index.html" class="nav-logo">
<img src="source/images/Logo512х512.png" alt="Logo" width="25">
</a>
<div class="nav-menu" id="nav-menu">
<ul class="nav-list">
<li class="nav-item">
<a href="index.html#home" class="nav-link active-link">Home</a>
</li>
<li class="nav-item">
<a href="index.html#about" class="nav-link">About</a>
</li>
<li class="nav-item">
<a href="index.html#plans" class="nav-link">Plans</a>
</li>
<li class="nav-item">
<a href="index.html#contact" class="nav-link">Contacts</a>
</li>
<li class="nav-item">
<a href="index.html" class="nav-link">Resources</a>
</li>
<li class="nav-item">
<a href="#documentation" class="nav-link">Documentation</a>
</li>
</ul>
<a href="login.html" class="nav-button">Login</a>
<!-- Close button -->
<div class="nav-close" id="nav-close">
<img src="source/images/Close_Button.png" alt="">
</div>
</div>
<!-- Toggle button -->
<div class="nav-toggle" id="nav-toggle">
<img src="source/images/Icon_Burger_Button.png" alt="">
</div>
</nav>
</header>
<main class="main">
<section class="documentation section" id="documentation">
<div class="documentation-container container">
<div class="documentation-content">
<h3 class="home-subtitle documentation-subtitle">
Render Line
</h3>
<h1 class="home-title documentation-title">
Documentation
</h1>
</div>
</div>
</section>
<footer>
<div class="footer" id="footer">
<div class="footer-container conatainer grid">
<a href="#" class="footer-logo">
Render Line
</a>
<ul class="footer-links">
<li><a href="#privacy" class="footer-link">Privacy & Legal</a></li>
<li><a href="#contacts" class="footer-link">Contact</a></li>
<li><a href="#locations" class="footer-link">Locations</a></li>
<li><a href="#help" class="footer-link">Help</a></li>
</ul>
<div class="footer-social">
<a href="https://vk.com" target="_blank" class="footer-social-link">
<i class="ri-vk-fill"></i>
</a>
<a href="https://instagram.com/" target="_blank" class="footer-social-link">
<i class="ri-instagram-fill"></i>
</a>
<a href="https://web.telegram.org/a/" target="_blank" class="footer-social-link">
<i class="ri-telegram-fill"></i>
</a>
</div>
</div>
</div>
<span class="footer-copy">
Copyright © 2025 Render Line. All rights reserved
</span>
</footer>
<a href="#" class="scroll-up" id="scroll-up">
<img src="source/images/Scroll_Up.png" width="75px" alt="">
</a>
</main>
<script src="source/files/gsap-public/minified/gsap.min.js"></script>
<script src="js/swiper-bundle.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>

3
index.html
View File

@ -21,7 +21,6 @@
<header class="header" id="header"> <header class="header" id="header">
<nav class="nav-container"> <nav class="nav-container">
<a href="/" class="nav-logo"> <a href="/" class="nav-logo">
<!-- <i class="ri-cactus-fill"></i> -->
<img src="source/images/Logo512х512.png" alt="Logo" width="25"> <img src="source/images/Logo512х512.png" alt="Logo" width="25">
</a> </a>
@ -48,7 +47,7 @@
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a href="#documentation" class="nav-link">Documentation</a> <a href="documentation.html" class="nav-link">Documentation</a>
</li> </li>
</ul> </ul>

1
js/main.js
View File

@ -37,7 +37,6 @@ gsap.from('.home-sphere', 1.5, { opacity: 0, x: -300, delay: 0.3 });
gsap.from('.home-triangle', 1.5, { opacity: 0, x: 300, delay: 0.6 }); gsap.from('.home-triangle', 1.5, { opacity: 0, x: 300, delay: 0.6 });
gsap.from('.home-r', 1.5, { opacity: 0, y: -300, delay: 0.8 }); gsap.from('.home-r', 1.5, { opacity: 0, y: -300, delay: 0.8 });
gsap.from('.home-l', 1.5, { opacity: 0, y: 300, delay: 0.8 }); gsap.from('.home-l', 1.5, { opacity: 0, y: 300, delay: 0.8 });
// gsap.from('.about-title', 1.5, { opacity: 0, x: -100, delay: 1.3 });
gsap.from('.about-description', 1.5, { opacity: 0, x: -100, delay: 1.5 }); gsap.from('.about-description', 1.5, { opacity: 0, x: -100, delay: 1.5 });
gsap.from('.button-ghost', 1.5, { opacity: 0, x: -100, delay: 1.6 }); gsap.from('.button-ghost', 1.5, { opacity: 0, x: -100, delay: 1.6 });
gsap.from('.swiper', 1.5, { opacity: 0, x: 100, delay: 1.5 }); gsap.from('.swiper', 1.5, { opacity: 0, x: 100, delay: 1.5 });

9
source/styles/style.css
View File

@ -976,13 +976,8 @@ img {
} }
.swiper { .swiper {
width: 250px; width: 200px;
height: 300px; height: 250px;
}
.swiper-pagination-bullets.swiper-pagination-horizontal {
column-gap: 1rem;
} }
.card { .card {