This repository has been archived by the owner on Feb 24, 2025. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathcontact.php
134 lines (128 loc) · 7.89 KB
/
contact.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
122
123
124
125
126
127
128
129
130
131
132
133
134
<!-- Start Banner Area -->
<section class="banner-area organic-breadcrumb">
<div class="container">
<div class="breadcrumb-banner d-flex flex-wrap align-items-center justify-content-end">
<div class="col-first">
<h1>Контакты</h1>
<nav class="d-flex align-items-center">
<a href="index.php">О магазине<span class="lnr lnr-arrow-right"></span></a>
<a href="#">Контакты</a>
</nav>
</div>
</div>
</div>
</section>
<!-- End Banner Area -->
<!--- Start about dream --->
<section>
<div class="container mt-5">
<h1 class="text-center">О компании Tech Haven</h1>
<p class="lead text-center">Мы объединены общей страстью к созданию лучших компьютеров и комплектующих.</p>
<img class="img-fluid d-block mx-auto" src="./img/team.jpg" alt="Команда Tech Haven">
<div class="row align-items-center mt-4">
<div class="col-md-6">
<h2>Компания Tech Haven</h2>
<p>Компания Tech Haven была основана 15 лет назад с целью предоставить клиентам качественные технологии и решения по доступным ценам. Мы являемся надежным партнером для всех, кто ищет высокопроизводительные компьютеры и комплектующие.</p>
<p>Главный офис Tech Haven и производственный центр расположены в Нижнем Новгороде. Шоурум с компьютерами и периферией находятся в Нижнем Новгороде. Мы осуществляем доставку компьютеров по всей России и миру. Наша компания работает как с частными, так и с юридическими лицами.</p>
</div>
<div class="col-md-6 text-center">
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="./img/office.jpg" class="d-block w-100" alt="Офис Tech Haven">
</div>
<div class="carousel-item">
<img src="./img/office2.jpg" class="d-block w-100" alt="Офис Tech Haven">
</div>
<div class="carousel-item">
<img src="./img/office3.jpg" class="d-block w-100" alt="Офис Tech Haven">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Предыдущий</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Следующий</span>
</a>
</div>
</div>
</div>
<div class="container mt-5">
<div class="row">
<div class="col-md-4 text-center">
<img src="./img/avtor.jpg" alt="Компания Tech Haven - Основатель Кирилл Сухоруков" class="img-fluid" width="330">
</div>
<div class="col-md-8">
<h2 >Здравствуйте, я – Сухоруков Кирилл,<br> основатель компании Tech Haven</h2>
<ul class="list-unstyled mt-8">
<li>
<p>Я прошел все этапы работы: сам продавал, собирал и доставлял компьютеры клиентам.<br> Как никто другой знаю, как это делать правильно.</p>
</li>
<li>
<p>За 15 лет работы мы построили компанию №1 среди<br> производителей компьютеров среднего класса в России.</p>
</li>
<li>
<p>За это время мы собрали мощную команду единомышленников,<br> с которыми дружим и работаем с самого основания компании.</p>
</li>
</ul>
</div>
</div>
</div>
<br>
<br>
<div id="testimonialCarousel" class="carousel slide" data-ride="carousel">
<h2 align="center">Отзывы наших покупателей</h2>
<div class="carousel-inner">
<?php
$flag = true;
foreach ($_SESSION['sql_review'] as $review){
$activeClass = $flag ? 'active' : '';
echo '<div class="carousel-item '.$activeClass.'">
<div class="review_item">
<div class="media">
<div class="d-flex">
<img src="./img/people/'.$review["image_user"].'" class="rounded-circle" style="width: 70px; height: 70px;" alt="">
</div>
<div class="media-body">
<h4>'.$review['username'].'</h4>';
for ($i = 0; $i < 5; $i++) {
if ($i < $review["rating"]) {
echo '<i class="fa fa-star"></i>'; // Полная звезда
} else {
echo '<i class="fa fa-star-o"></i>'; // Пустая звезда
}
}
echo '</div>
</div>
<p>'.$review['comment'].'</p>
</div>
</div>';
$flag = false;
}
?>
<a class="carousel-control-prev" href="#testimonialCarousel" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Предыдущий</span>
</a>
<a class="carousel-control-next" href="#testimonialCarousel" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Следующий</span>
</a>
<!-- Добавьте дополнительные отзывы по аналогии -->
</div>
<br>
<!-- Контролы для навигации -->
</div>
<br>
</section>
<!--- End about dream --->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>