HTML, CSS optimalization

This commit is contained in:
Marcel Petráň 2019-04-24 19:31:34 +02:00
parent 3a5eadb765
commit 461b19d210
13 changed files with 107 additions and 4132 deletions

View file

@ -3,8 +3,8 @@
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="../css/master.css">
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="shortcut icon" src="../favicon.ico" type="image/vnd.microsoft.icon" />
<link rel="stylesheet" href="../css/bootstrap.css">
<link rel="shortcut icon" href="../favicon.ico" type="image/vnd.microsoft.icon" />
<title>Sincoolka</title>
</head>
<body>
@ -13,10 +13,10 @@
<div class="navbar-container">
<div class="navbar-grid">
<div class="navbar-grid-col -left">
<h1 class="title nav">Sincoolka</h1>
<h1 class="nav">Sincoolka</h1>
</div>
<div class="navbar-grid-col -right">
<img src="../img/close-menu.svg" class="close-btn" id="close-menu">
<img src="../img/close-menu.svg" alt="close-menu" class="close-btn" id="close-menu">
</div>
</div>
</div>
@ -48,21 +48,21 @@
<div class="navbar-container">
<div class="navbar-grid">
<div class="navbar-grid-col -left">
<h1 class="title nav">Sincoolka</h1>
<h2 class="nav">Sincoolka</h2>
</div>
<div class="navbar-grid-col -right">
<img src="../img/nav-menu.svg" class="menu-btn" id="open-menu">
<img src="../img/nav-menu.svg" alt="open-menu" class="menu-btn" id="open-menu">
</div>
</div>
</div>
</div>
</header>
<main>
<section class="home">
<a href="#About-us"> <img src="../img/arrow-down.svg" class="arrow-down" alt="arrow down"></a>
</section>
<div class="home">
<a href="#About-us"><img src="../img/arrow-down.svg" alt="arrow down" class="arrow-down"></a>
</div>
<section class="about" id="About-us">
<h1 class="title">O nás</h1>
<h2 class="title">O nás</h2>
<article class="about-us-1">
<h3 class="title">Kdo jsme</h3>
<p class="article">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur.</p>
@ -73,14 +73,14 @@
</article>
</section>
<section class="gallery-in">
<h1 class="title">Galerie</h1>
<h2 class="title">Galerie</h2>
<div class="gallery">
<img src="../img/sunset.jpg" alt="Sunset">
</div>
</section>
<section class="team">
<h1 class="title">Tým klubu</h1>
<section class="people">
<h2 class="title">Tým klubu</h2>
<div class="people">
<section class="member">
<img src="../img/Photo.svg" alt="Photo" class="member-photo">
<h3 class="title">Kateřina Němcová</h3>
@ -101,7 +101,7 @@
<h3 class="title">Pavel Valach</h3>
<p class="article">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur.</p>
</section>
</section>
</div>
<section class="member-last">
<img src="../img/Photo.svg" alt="Photo" class="member-photo">
<h3 class="title">Marcel Petráň</h3>
@ -109,7 +109,7 @@
</section>
</section>
<section class="contact-us">
<h1 class="title">Kontaktuj nás</h1>
<h2 class="title">Kontaktuj nás</h2>
<form class="contact-form" action="#" method="post">
<input type="text" name="e-mail" placeholder="Tvůj e-mail *">
<input type="text" name="full-name" class="name-surname" placeholder="Tvé jméno a přijmení *">
@ -119,36 +119,35 @@
</section>
</main>
<footer>
<section class="footer-top">
<div class="footer-top">
<div class="footer-buttons-left-row-grid">
<div class="footer-button">
<button type="button" name="button" href="#">Členské příspěvky</button>
</div>
<a href="#">
<div class="footer-button">Členské příspěvky</div>
</a>
<div class="footer-button">
<button type="button" name="button" href="#">Sinis</button>
</div>
<a href="#">
<div class="footer-button">Sinis</div>
</a>
<div class="footer-button">
<button type="button" name="button" href="#">Wiki</button>
</div>
<a href="#">
<div class="footer-button">Wiki</div>
</a>
<div class="footer-button">
<button type="button" name="button" href="#">Cloud</button>
</div>
<a href="#">
<div class="footer-button">Cloud</div>
</a>
</div>
<div class="footer-logo-right-col-grid">
<img src="../img/sin-logo-col.png" alt="Club" href="#" class="opacity-decrease footer-img-logo">
<a href="https://su.cvut.cz/" target="_blank"><img src="../img/su-logo-col.svg" alt="Club" href="#" class="footer-img-logo"></a>
<img src="../img/sin-logo-col.png" alt="Club" class="opacity-decrease footer-img-logo">
<a href="https://su.cvut.cz/" target="_blank"><img src="../img/su-logo-col.svg" alt="Club" class="footer-img-logo"></a>
</div>
</section>
</div>
<section class="footer-bottom">
<div class="footer-contacts-row-grid">
<div class="footer-heading-col-grid">
<div class="footer-heading-left">
<h2 class="title">Kontakty</h2>
<h3 class="title">Kontakty</h3>
</div>
<div class="footer-heading-social-col-grid -right">
<a href="https://www.facebook.com/" target="_blank"><img src="../img/facebook.png" alt="Social" class="footer-img-social"></a>
@ -174,7 +173,7 @@
</div>
</div>
<div class="footer-visit-row-grid">
<h2 class="title">Úřední hodiny</h2>
<h3 class="title">Úřední hodiny</h3>
<div class="footer-visit-col-grid">
<p class="article">Administrátoři:</p>
<p class="article">Po & St 20:00 - 21:00</p>
@ -187,9 +186,9 @@
</section>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="../js/bootstrap.bundle.js"></script>
<script type="text/javascript" src="../js/auto_height.js"></script>
<script type="text/javascript" src="../js/navbar.js"></script>
<script type="text/javascript" src="../js/smooth-scroll.js"></script>
<script src="../js/bootstrap.bundle.js"></script>
<script src="../js/auto_height.js"></script>
<script src="../js/navbar.js"></script>
<script src="../js/smooth-scroll.js"></script>
</body>
</html>