-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathclientTestimonial.html
121 lines (114 loc) · 6.78 KB
/
clientTestimonial.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
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
<html>
<head>
<!-- Required meta tags always come first -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
<!-- stylesheet-->
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<nav class="navbar navbar-expand-md navbar-light ">
<a class="navbar-brand" href="index.html"><img src="/img/epochLogo.png" alt="epoch logo"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#Navbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="Navbar">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link btn" href="index.html">home</a>
</li>
<li class="nav-item">
<a class="nav-link btn" href="projects.html">key projects</a>
</li>
<li class="nav-item">
<a class="nav-link btn active" href="clientTestimonial.html">client testimonials</a>
</li>
<li class="nav-item">
<a class="nav-link btn" href="career.html">careers</a>
</li>
<li class="nav-item">
<a class="nav-link btn" href="contactUs.html">contact us</a>
</li>
</ul>
</div>
</nav>
<div class="container">
<h2 style="margin:50px auto 0px 20px;">Client Testimanials</h2>
<div class="row row-content-noborder" style="margin-top: 0px;">
<div class="col-md-4">
<div class="card d-flex mx-auto client client-one">
<div class="card-image"> <img class="img-fluid d-flex mx-auto" src="https://i.imgur.com/3TlwnLF.jpg"> </div>
<div class="card-text">
<div class="card-title">Lorem Ipsum!</div> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus Duis leo. Donec sodales sagittis magna
</div>
<div class="footer"> <span id="client-name">Micheal Smith<br></span> <span id="position">CEO of <a href="#">Google.com</a></span> </div>
</div>
</div>
<div class="col-md-4">
<div class="card d-flex mx-auto client client-two">
<div class="card-image"> <img class="img-fluid d-flex mx-auto" src="https://i.imgur.com/Uz4FjGZ.jpg"> </div>
<div class="card-text">
<div class="card-title">Lorem Ipsum!</div> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus Duis leo. Donec sodales sagittis magna
</div>
<div class="footer"> <span id="client-name">Angellia Miller<br></span> <span id="position">CEO of <a href="#">Facebook.com</a></span> </div>
</div>
</div>
<div class="col-md-4">
<div class="card d-flex mx-auto client client-three">
<div class="card-image"> <img class="img-fluid d-flex mx-auto" src="https://i.imgur.com/udGH5tO.jpg"> </div>
<div class="card-text">
<div class="card-title">Lorem Ipsum!</div> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus Duis leo. Donec sodales sagittis magna
</div>
<div class="footer"> <span id="client-name">Christina Williams<br></span> <span id="position">UX Designer at <a href="#">Youtube.com</a></span> </div>
</div>
</div>
</div>
</div>
<footer>
<div class="container">
<div class="row footer-contents row-content-noborder">
<div class="col-12 col-sm-3 footer-box">
<h5>Links</h5>
<ul class="list-unstyled">
<li><a href="index.html">Home</a></li>
<li><a href="projects.html">keyprojects</a></li>
<li><a href="clientTestimonial.html">client testimonials</a></li>
<li><a href="career.html">careers</a></li>
<li><a href="contactus.html">contact us</a></li>
</ul>
</div>
<div class="col-12 col-sm-3 footer-box">
<h5>contact us</h5>
<ul class="list-unstyled">
<li><a href="tel:95959595"><span class="iconify" data-icon="el:phone-alt" data-inline="false"></span> 95959595</a></li>
<li><a href="mailto:[email protected];"><span class="iconify" data-icon="clarity:email-solid" data-inline="false"></span> [email protected]</a></li>
</ul>
</div>
<div class="col-12 col-sm-3 footer-box">
<h5>Follow us on</h5>
<ul class="list-unstyled">
<li><a href="#"><span class="iconify" data-icon="ant-design:linkedin-filled" data-inline="false"></span> linkedIn</a></li>
<li><a href="#"><span class="iconify" data-icon="ant-design:twitter-circle-filled" data-inline="false"></span> twitter</a></li>
<li><a href="#"><span class="iconify" data-icon="ant-design:facebook-filled" data-inline="false"></span> facebook</a></li>
<li><a href="#"><span class="iconify" data-icon="entypo-social:instagram-with-circle" data-inline="false"> </span> instagram</a></li>
</ul>
</div>
</div>
<div class="row justify-content-center">
<div class="col-auto">
<p style="font-size: 0.75rem; color:636363;">© Copyright Maverics</p>
</div>
</div>
</div>
</footer>
<!-- jQuery first, then Popper.js, then Bootstrap JS. -->
<script src="node_modules/jquery/dist/jquery.slim.min.js"></script>
<script src="node_modules/popper.js/dist/umd/popper.min.js"></script>
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="https://code.iconify.design/1/1.0.7/iconify.min.js"></script>
<script src="index.js"></script>
</body>
</html>