-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.php
124 lines (110 loc) · 6.23 KB
/
about.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
<?php $page = "about";
?>
<!DOCTYPE html>
<html lang="en">
<head>
<?php include 'php-templates/head.php'; ?>
<!-- Favicon -->
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
<title>About Us</title>
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" />
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
<!-- Core theme CSS (includes Bootstrap)-->
<?php include "css/styles-css.php" ?>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.bundle.min.js"></script>
</head>
<body>
<!-- Navigation-->
<?php include 'php-templates/navbar.php'; ?>
<!-- Header-->
<header class="bg-light py-2">
<div class="container px-4 px-lg-5 my-5">
<div class="text-center">
<h1 class="display-4 fw-bolder about-font">About Us</h1>
</div>
</div>
</header>
<div class="bg-white py-5">
<div class="container py-5">
<div class="row h-50 align-items-center py-5">
<div class="col-lg-6 d-none d-lg-block hover-tilt"><img width="100%" src="assets/img/sleepymoon.png" alt="" class="img-fluid"></div>
<div class="col-lg-6">
<h1 class="display-4">SLEEPY</h1>
<p class="lead text-muted mb-0">SLeepy was founded by SL. Because of her love for sleeping and classy sleepwears, she was inspired to launch her own line of high
quality sleeping essentials at an affordable price. All fabrics are hand-picked and sourced locally. Each product are proudly made locally and the quality
is ensured for the comfort of everyone.</p>
</div>
</div>
</div>
</div>
<div class="bg-light py-5">
<div class="container py-5">
<div class="row mb-4">
<div class="col-lg-5">
<h2 class="display-4 font-weight-light">Meet the Team</h2>
</div>
</div>
<div class="row text-center justify-content-center">
<?php
$devs = ['Daneah Marelle M. Sarmiento', 'Edward Daniel J. Busmente', 'Richmond Andrei E. Francisco'];
$fb = [
'https://www.facebook.com/nmsarm/',
'https://www.facebook.com/daniel.bsmnt/',
'https://www.facebook.com.richmondfran33'
];
$ins = [
'https://www.instagram.com/nmsarm/',
'https://www.instagram.com/ielbusmente/',
'https://www.instagram.com/_.dreeeiii/'
];
$li = [
'https://www.linkedin.com/in/daneahsarmiento/',
'https://www.linkedin.com/in/daniel-busmente-23544720b/',
'https://www.linkedin.com/in/richmond-andrei-francisco-4b092a224/'
];
$desc = [
'"Using PHP for web development creates new learnings and challenges for me. It allows me to discover new programming techniques in creating dynamic webpages."',
'"As a 4th-year student, developing this project was an exciting thing to finish considering there is a lot new to me. It makes me want to learn more about programming and software development."',
'"Developing this project using PHP codes can be challenging and fun at the same time, but there are a lot of new things that can be learned through this."'
];
$img = [
'assets/devs/daneah.jpg',
'assets/devs/daniel.png',
'assets/devs/richmond.jpg'
];
for ($i = 0; $i < 3; $i++) {
?>
<!-- Team item-->
<div class="col-xl-4 col-sm-6 mb-5 mt-4">
<div class="bg-white rounded shadow py-5 px-4"><img <?php echo $i === 1 ? 'style="z-index: 999;"' : 'style="z-index: 99;"' ?> src="<?php echo $img[$i] ?>" alt="<?php echo $devs[$i] ?>" width="200" class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm hover-enlarge">
<h5 class="mb-0"><?php echo $devs[$i] ?></h5><span class="small text-uppercase text-muted">Developer</span>
<ul class="social mb-0 list-inline mt-3">
<li class="list-inline-item hover-enlarge"><a href="<?php echo $fb[$i] ?>" target="_blank" class="social-link"><i class="fa fa-facebook-f"></i></a></li>
<li class="list-inline-item hover-enlarge"><a href="<?php echo $ins[$i] ?>" target="_blank" class="social-link"><i class="fa fa-instagram"></i></a></li>
<li class="list-inline-item hover-enlarge"><a href="<?php echo $li[$i] ?>" target="_blank" class="social-link"><i class="fa fa-linkedin"></i></a></li>
</ul>
<p class="small text-center text-muted m-4"><?php echo $desc[$i] ?></p>
</div>
</div>
<!-- End-->
<?php } ?>
</div>
</div>
</div>
<div class="bg-white py-5">
<div class="container py-5">
<div class="row align-items-center mb-5">
<div class="col-lg-6 order-2 order-lg-1">
<h1 class="font-weight-light display-4">About the Website</h2>
<p class="lead text-muted mb-4">The purpose of this website is to provide Sleepy PH an online catalogue to showcase the products of the business and to provide a
platform to manage inquiries sent through the site's contact page. </p>
</div>
<div class="col-lg-5 px-5 mx-auto order-1 order-lg-2"><img src="https://bootstrapious.com/i/snippets/sn-about/img-2.jpg" alt="" class="img-fluid mb-4 mb-lg-0"></div>
</div>
</div>
</div>
<!-- Footer-->
<?php include 'php-templates/footer.php'; ?>
</body>
</html>