-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
81 lines (77 loc) · 4.67 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<!DOCTYPE html>
<html lang="cs">
<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 user-scalable=yes maximum-scale=2.2 minimum-scale=1.0">
<link rel="stylesheet" href="./media/css/style.css">
<meta name="description" content="Tutoriál o tvorbě menu pomocí JQuery pluginu SmartMenus.">
<meta name="author" content="Jiří Satora">
<link rel="icon" type="image/svg+xml" href="./media/img/favicon.svg"/>
<title>SmartMenus Tutoriál</title>
</head>
<body>
<div class="page">
<section class="home-welcome-section">
<div class="home-welcome-section__header-part">
<header class="header">
<input type="checkbox" id="header-navigation" class="navigation-checkbox">
<div class="header__content">
<h2 class="header__heading">SmartMenus Tutoriál</h2>
<nav class="header__nav header__nav--static">
<ul>
<li><a class="header__nav-link header__nav-link--active" href="./">Úvod</a></li>
<li><a class="header__nav-link" href="./co-je-to-smartmenus-a-jeho-instalace/">Tutoriál</a></li>
<li><a class="header__nav-link" href="./seznam-nastaveni/">Seznam Nastavení</a></li>
</ul>
</nav>
<label for="header-navigation" class="navigation-button"><span class="navigation-button__icon"></span></label>
</div>
</header>
</div>
<div class="home-welcome-section__content-part">
<div class="home-welcome-section__content">
<div class="home-welcome-section__text">
<h1 class="heading-primary heading-primary--light heading-primary--animated u-mb-small">Vítejte v tutoriálu o SmartMenus</h1>
<p class="paragraph paragraph--light paragraph--bigger u-mb-medium">Na těchto webových stránkách se můžete naučit vytvářet menu pomocí JQuery pluginu SmartMenus.</p>
<a href="./co-je-to-smartmenus-a-jeho-instalace/" class="button-primary button-primary--animated">otevřít tutoriál</a>
</div>
</div>
</div>
</section>
<section class="home-features-section">
<div class="home-features-section__content">
<h2 class="heading-secondary">Proč SmartMenus používat</h2>
<hr>
<p class="paragraph">S pomocí SmartMenus je tvorba složitějších menu mnohem jednodušší a rychlejší. Navíc nám SmartMenus poskytuje různé užitečné vychytávky, které se nám mohou hodit.</p>
<div class="home-features-section__features">
<div>
<svg class="home-features-section__feature-icon">
<use xlink:href="./media/img/home-icon-sprite.svg#icon-cog"></use>
</svg>
<h3 class="home-features-section__feature-heading">Nastavitelnost</h3>
<p class="paragraph">SmartMenus nám poskytuje různá nastavení, pomocí kterých si naše menu můžeme nastavit, jak potřebujeme.</p>
</div>
<div>
<svg class="home-features-section__feature-icon">
<use xlink:href="./media/img/home-icon-sprite.svg#icon-paint-format"></use>
</svg>
<h3 class="home-features-section__feature-heading">Stylovatelnost</h3>
<p class="paragraph">SmartMenus nám nabízí již hotové vzhledy menu, kromě toho nám ale také umožňuje vytvořit si od základu své vlastní.</p>
</div>
<div>
<svg class="home-features-section__feature-icon">
<use xlink:href="./media/img/home-icon-sprite.svg#icon-mobile"></use>
</svg>
<h3 class="home-features-section__feature-heading">Responzivita</h3>
<p class="paragraph">Menu vytvořené pomocí SmartMenus mohou nabývat dvou stavů. Jeden se použije pro menší velikosti obrazovek a druhý pro větší.</p>
</div>
</div>
</div>
</section>
<footer class="footer">
<div class="footer__content">Copyright © by Jiří Satora</div>
</footer>
</div>
</body>
</html>