-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.php
121 lines (102 loc) · 5.57 KB
/
index.php
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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<?php
include_once "db_connect.php";
$db = $GLOBALS['db'];
$menuItems = $db->getMenu();
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Pop HTML CSS Template</title>
<!--
Template 2097 Pop
https://www.tooplate.com/view/2097-pop
-->
<!-- load CSS -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300"> <!-- Google web font "Open Sans" -->
<link rel="stylesheet" href="css/bootstrap.min.css"> <!-- https://getbootstrap.com/ -->
<link rel="stylesheet" href="fontawesome/css/fontawesome-all.min.css"> <!-- https://fontawesome.com/ -->
<link rel="stylesheet" type="text/css" href="slick/slick.css"/> <!-- http://kenwheeler.github.io/slick/ -->
<link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>
<link rel="stylesheet" href="css/tooplate-style.css"> <!-- Templatemo style -->
<script>document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this in a modern browser such as latest version of Chrome or Microsoft Edge.");</script>
</head>
<body>
<div id="tm-bg"></div>
<div id="tm-wrap">
<div class="tm-main-content">
<div class="container tm-site-header-container">
<div class="row">
<div class="col-sm-12 col-md-6 col-lg-6 col-md-col-xl-6 mb-md-0 mb-sm-4 mb-4 tm-site-header-col">
<div class="tm-site-header">
<h1 class="mb-4">POP design</h1>
<img src="img/underline.png" class="img-fluid mb-4">
<p>New HTML Template with pop up pages and use this layout for your website</p>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-6 col-xl-6">
<div class="content">
<div class="grid">
<?php
foreach ($menuItems as $menuItem) {
?>
<div class="grid__item">
<div class="product">
<div class="tm-nav-link">
<i class="fas fa-<?php echo $menuItem['icon']; ?> fa-3x tm-nav-icon"></i>
<span class="tm-nav-text"><?php echo $menuItem['name']; ?></span>
<div class="product__bg"></div>
</div>
<div class="product__description">
<div class="row mb-3">
<div class="col-12">
<h2 class="tm-page-title"><?php echo $menuItem['title']; ?></h2>
</div>
</div>
<?php echo $menuItem['content']; ?>
</div>
</div>
</div>
<?php
}
?>
</div>
</div>
</div>
</div>
</div>
<footer>
<p class="small tm-copyright-text">Copyright © <span class="tm-current-year">2020</span> Your Company.
Design: <a rel="nofollow" href="https://www.tooplate.com" class="tm-text-highlight">Tooplate</a></p>
</footer>
</div> <!-- .tm-main-content -->
</div>
<!-- load JS -->
<script src="js/jquery-3.2.1.slim.min.js"></script> <!-- https://jquery.com/ -->
<script src="slick/slick.min.js"></script> <!-- http://kenwheeler.github.io/slick/ -->
<script src="js/anime.min.js"></script> <!-- http://animejs.com/ -->
<script src="js/main.js"></script>
<script>
function setupFooter() {
var pageHeight = $('.tm-site-header-container').height() + $('footer').height() + 100;
var main = $('.tm-main-content');
if($(window).height() < pageHeight) {
main.addClass('tm-footer-relative');
}
else {
main.removeClass('tm-footer-relative');
}
}
/* DOM is ready
------------------------------------------------*/
$(function(){
setupFooter();
$(window).resize(function(){
setupFooter();
});
$('.tm-current-year').text(new Date().getFullYear()); // Update year in copyright
});
</script>
</body>
</html>