source: Home.php

Last change on this file was e3d4e0a, checked in by Vlado 222039 <vlado.popovski@…>, 6 days ago

Upload project files
  • Property mode set to 100644
File size: 12.0 KB
Line 
1<?php
2
3 session_start();
4
5 require './connect.php';
6
7 $products_list = mysqli_query($conn, "SELECT * FROM products ORDER BY discount DESC LIMIT 10;");
8?>
9<!DOCTYPE html>
10<html lang="en">
11<head>
12 <meta charset="UTF-8">
13 <meta name="viewport" content="width=device-width, initial-scale=1.0">
14 <title>Home</title>
15
16 <!-- Icons -->
17 <link rel="stylesheet"
18 href="https://unpkg.com/boxicons@latest/css/boxicons.min.css">
19
20 <link rel="stylesheet" href="./CSS/Header.css">
21 <link rel="stylesheet" href="./CSS/Home.css">
22</head>
23<body>
24
25 <?php include './components/Header.html' ?>
26
27 <!-- SLIDER -->
28 <section class="main-home">
29 <div class="list">
30 <div class="item" style="background-image: url(image/Samsung5.jpg)">
31 <div class="content">
32 <h5>Нови изданија</h5>
33 <h1>Samsung Odyssey</h1>
34 <p>Гејминг монитор дизајниран за најдобро визуелно искуство. Со извонредна резолуција, брзо освежување и време на одговор, овој монитор овозможува ултра-гладка и реалистична графика. Кривината на екранот и напредната технологија за синхронизација го прават идеален за интензивен гејминг и мултимедијална употреба. Samsung Odyssey е совршен избор за гејмери кои бараат квалитет и перформанси.</p>
35 <div class="btn">
36 <a href="./Product.php?product_id=107" class="main-button">Купете сега! <i class='bx bx-right-arrow-alt' ></i></a>
37 </div>
38
39 </div>
40 </div>
41 <div class="item" style="background-image: url(image/RazerHunt.webp)">
42 <div class="content">
43 <h5>Нови изданија</h5>
44 <h1>Razer Huntsman V3 Pro</h1>
45 <p>Врвна гејминг тастатура со Razer оптички прекинувачи за ултрабрза реакција. Со RGB осветлување прилагодливо преку Razer Chroma и издржлив дизајн, оваа тастатура нуди импресивно гејминг искуство и удобност за долги сесии. Совршена за професионалци и аматери.</p>
46 <div class="btn">
47 <a href="./Product.php?product_id=129" class="main-button">Купете сега! <i class='bx bx-right-arrow-alt' ></i></a>
48 </div>
49 </div>
50 </div>
51 <div class="item" style="background-image: url(image/Razer4.png)">
52 <div class="content">
53 <h5>Нови изданија</h5>
54 <h1>Razer Viper V3 Pro</h1>
55 <p>Висококвалитетен гејминг глушец со Razer оптички сензор за прецизно следење и брзи реакции. Дизајниран е за максимална удобност и леснотија, со ергономска форма и лесна тежина. </p>
56 <div class="btn">
57 <a href="./Product.php?product_id=128" class="main-button">Купете сега! <i class='bx bx-right-arrow-alt' ></i></a>
58 </div>
59 </div>
60 </div>
61 <div class="item" style="background-image: url(image/RTX4090.jpg)">
62 <div class="content">
63 <h5>Нови изданија</h5>
64 <h1>GeForce RTX 4090</h1>
65 <p>Графичка картичка со најнова архитектура, нудејќи неверојатна графичка моќ и перформанси. Со 24GB GDDR6X меморија, поддршка за Ray Tracing и DLSS, оваа картичка е идеална за гејминг на највисоко ниво и професионални графички задачи. Овозможува ултра-гладок фрејмрејт и реалистични визуелни ефекти, правејќи ја совршен избор за најпребирливите корисници.</p>
66 <div class="btn">
67 <a href="./Product.php?product_id=121" class="main-button">Купете сега! <i class='bx bx-right-arrow-alt' ></i></a>
68 </div>
69 </div>
70 </div>
71 <div class="item" style="background-image: url(image/Woot2.jpg)">
72 <div class="content">
73 <h5>Нови изданија</h5>
74 <h1>Wooting 60 HE+</h1>
75 <p>Иновативна механичка тастатура со аналогни оптички прекинувачи, овозможувајќи прецизна контрола и уникатно гејминг искуство. Компактниот 60% дизајн ја прави идеална за минималистички сетапи, додека RGB осветлувањето со прилагодување додава стил и персонализација. Совршена за гејмери и професионалци кои бараат врвни перформанси и удобност.</p>
76 <div class="btn">
77 <a href="./Product.php?product_id=127" class="main-button">Купете сега! <i class='bx bx-right-arrow-alt' ></i></a>
78 </div>
79 </div>
80 </div>
81 <div class="item" style="background-image: url(image/RTX2.webp)">
82 <div class="content">
83 <h5>Нови изданија</h5>
84 <h1>Radeon RX 7900</h1>
85 <p>Mоќна графичка картичка со најнова RDNA 3 архитектура, нудејќи врвни перформанси и неверојатна графика. Со голема количина на меморија и поддршка за најновите технологии, оваа картичка е идеална за гејминг, 3D рендерирање и професионални графички задачи. Овозможува висока резолуција, брзина и реалистични визуелни ефекти, правејќи ја одличен избор за сите кои бараат најдоброто.</p>
86 <div class="btn">
87 <a href="./Product.php?product_id=122" class="main-button">Купете сега! <i class='bx bx-right-arrow-alt' ></i></a>
88 </div>
89 </div>
90 </div>
91 </div>
92
93 <div class="arrow">
94 <button class="prev"><</button>
95 <button class="next">></button>
96 </div>
97 <div class="timeRunning"></div>
98 </section>
99 <!-- SLIDER -->
100
101 <!-- Proizvodi na popust -->
102 <section class="discounted-products" id="discounted">
103 <div class="center-text">
104 <h2>Производи на <span>Попуст</span></h2>
105 </div>
106
107 <div class="products">
108 <?php
109 foreach($products_list as $product) {
110 if($product['image1'] != null) {
111 $image = basename(strrchr($product['image1'], '/'));
112 $image = str_replace(array("'"), '', $image);
113 }
114 ?>
115 <div class="row">
116 <img src="./UPLOADED_IMAGES/<?php echo $image ?>" style="width: 256px; height: 192px; object-fit:cover;">
117 <div class="product-text">
118 <h5><?php echo $product['discount'] ?>% ПОПУСТ!</h5>
119 </div>
120
121 <div class="price">
122 <h4><a href="./Product.php?product_id=<?php echo $product['product_id'] ?>"><?php echo $product['name'] ?></a></h4>
123 <p><?php echo ($product['price'])-($product['price']*$product['discount']/100.0) ?>$</p>
124 </div>
125 </div>
126 <?php
127 }
128 ?>
129
130 </div>
131 </section>
132 <!-- Proizvodi na popust -->
133
134 <!-- СИГУРНОСТ и FAQS -->
135 <section class="FAQS">
136 <div class="garancija">
137 <h2>Гаранција</h2>
138 <p>Сите наши производи доаѓаат со официјална гаранција обезбедена од производителот. Гаранциите ги покриваат дефектите во материјалите и изработката, овозможувајќи ви безгрижно користење на вашите производи. Доколку имате било какви проблеми со производот во текот на гаранцискиот период, ве молиме контактирајте не за да го решиме вашиот проблем брзо и ефикасно.</p>
139 </div>
140
141 <div class="FAQS-class">
142 <h2>FAQS</h2>
143 <h3>Кога ќе ја добијам мојата нарачка?</h3>
144 <p>Времето на испорака зависи од локацијата и достапноста на производите. Обично, испораката трае од 3 до 7 работни дена. За точен период на испорака, проверете ја информацијата за испорака при нарачката.</p>
145 <h3>Што да направам ако мојот производ пристигне оштетен?</h3>
146 <p>Ако производот е оштетен при испорака, ве молиме контактирајте нас веднаш со фотографии од оштетената стока и пакувањето. Ќе организираме замена или враќање на производот што е можно поскоро.</p>
147 <h3>Како да ја променам или откажам мојата нарачка?</h3>
148 <p>За да ја промените или откажете вашата нарачка, контактирајте го нашиот тим за поддршка што е можно побрзо. Промените можат да се направат само ако нарачката не е веќе испратена.</p>
149 </div>
150 </section>
151
152
153 <!-- Footer -->
154 <section class="footer-class">
155 <div class="footer-div">
156 <div class="info-footer-first">
157 <img src="image/NewLogo.png">
158 <p>бул. АСНОМ 14 <br> Скопје, Македонија</p>
159 <p>+389 71 111 222</p>
160 <p>innovabuisness@gmail.com</p>
161 </div>
162
163 <div class="info-footer-second">
164 <h4>Помош</h4>
165 <p><a href="./Information/Contact.html">Контакт</a></p>
166 <p><a href="./Information/AboutUs.html">За нас</a></p>
167 <p><a href="./Information/Privacy.html">Политика на приватност</a></p>
168 </div>
169
170 <div class="info-footer-third">
171 <h4>Customers</h4>
172 <p>Гаранција</p>
173 <p>Студенски дискоунт</p>
174 <p>Return policy</p>
175 </div>
176 </div>
177 </section>
178 <!-- СИГУРНОСТ и FAQS -->
179
180 <div class="end">
181 <p>©2024 Innova. All rights reserved</p>
182 </div>
183
184
185 <script src="HomeSlider.js"></script>
186</body>
187</html>
Note: See TracBrowser for help on using the repository browser.