Untitled
unknown
plain_text
3 years ago
5.3 kB
3
Indexable
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfolio</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/styledom.css">
</head>
<body>
<main>
<nav id="navbar">
<ul>
<img class ="logo" src="/logo1.png">
<li><a href="#intro-section">Strona Główna</a> </li>
<li><a href="#about-section">O nas</a> </li>
<li><a href="#skills-section">Części</a> </li>
<li><a href="#projects-section">Lokalizacja</a> </li>
<li><a href="#contact-section">Kontakt</a> </li>
</ul>
</nav>
<section id="intro-section">
</section>
<section id="welcome-section">
<div class="message">
<p>Witamy.<br>Auto-części Kas-Gaz</p>
</div>
<div class="message">
<img src="https://cdn.pixabay.com/photo/2018/01/11/06/23/car-3075497_960_720.jpg" alt="">
</div>
</section>
<section id="about-section">
<h1 class="section-heading">Kas-Gaz</h1>
<div class="about-container">
<div class="message my-image">
<img src="https://cdn.pixabay.com/photo/2017/09/21/19/56/modern-engine-2773254_960_720.jpg" alt="">
</div>
<div class="message my-information">
<p>Lorem, ipsum..</p>
<p>Lorem ipsum dolor sit amet.</p>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Iusto dolorem, minus sint est nostrum ipsum nobis modi explicabo atque ipsam.</p>
</div>
</div>
</section>
<section id="skills-section">
<h1 class="section-heading">Części</h1>
<div class="skills-container">
<div class="skill-information">
<p><img src="/bmw.png"></i></p>
<p class="skill-name">BMW</p>
</div>
<div class="skill-information">
<p><img src="/volkswagen (3).png"></i></p>
<p class="skill-name">VW</p>
</div>
<div class="skill-information">
<p><img src="/audi (1).png"></i></p>
<p class="skill-name">AUDI</p>
</div>
<div class="skill-information">
<p><img src="/opel.png"></i></p>
<p class="skill-name">OPEL</p>
</div>
<div class="skill-information">
<p><img src="/skoda.png"></i></p>
<p class="skill-name">SKODA</p>
</div>
<div class="skill-information">
<p><img src="/car (2).png"></i></p>
<p class="skill-name">...i inne.</p>
</div>
<!--DODAC "I INNE"-->
</div>
<section class="projects-section-shop">
<div class="projects-container">
<h1 class="section-heading">Oleje, plaki, żarówki...</h1>
<div class="image-box-shop">
<img src="/stacja2.png" alt="">
</a>
</div>
</section>
</section>
<!--LOKALIZACJA-->
<section id="projects-section">
<h1 class="section-heading">Lokalizacja</h1>
<p class="localization">Piotrów-Gułaczów 56</p>
<p class="localization2">województwo świętokrzyskie<br>
26-025 Piotrów-Gułaczów, Gmina Łagów</p>
</p>
<div class="projects-container">
<div class="image-box">
<img class="image-box2" src="/sklep.png" alt="">
<img class="image-box2"src="/stacja1.png" alt="">
</a>
</div>
</section>
<section id="contact-section">
<h1 class="section-heading">Kontakt:</h1>
<p>TELEFON: 722-104-471</p>
<p>
<a href="#"><i class="fab fa-facebook">Facebook</i></a>
<a href="mailto:sitarski.waldemar.pl"><i class="fas fa-envelope-square">E-mail</i></a>
</p>
</section>
<div class="footer">by Matt</div>
</main>
</body>
</html>