-
Notifications
You must be signed in to change notification settings - Fork 0
/
team.php
126 lines (126 loc) · 6.73 KB
/
team.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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Club MS8</title>
<link rel="icon" href="assets/img/favicon.png" sizes="16x16">
<meta name="author" content="Samartha">
<meta name="description" content="ClubMS8 is a group of auto-mototive enthusiast in the town of sagar. To be specific, we are the group of proud MS800 owners.">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="assets/css/styles.css">
<!-- aos -->
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
</head>
<body>
<?php include 'header.php'; ?>
<div class="content">
<section id="hero" class="full-page-section bg-image" data-aos="fade">
<div class="container hero-con">
<div class="row" data-aos="fade-right">
<div class="col-md-12">
<h1 class="big-text">TEAM</h1>
<h4 class="tag">Founders of the MS800Hub </h4>
</div>
</div>
</div>
</section>
<section>
<div class="container"><br><br>
<div class="row" data-aos="fade-up">
<div class="col-md-12 text-center">
<h3 class="heading">Founders</h3>
</div>
</div>
<div class="row justify-content-center">
<div class="col-md-4">
<div class="dark-card" data-aos="fade-right" data-aos-delay="300">
<div class="dark-card-img">
<img src="assets/img/admin1.jpg" alt="Admin Samartha">
</div>
<div class="dark-card-body">
<h5>Samartha</h5>
<p class="text-muted text-primary">Founder</p>
<p>20yo developer and music producer based in Sagar. Passionate about cars. Highly influenced by Dad's car workshop 'Aditya Automobiles'.</p>
<span class="link">
<a href="https://www.instagram.com/samartha__/" target="_blank"><i class="fa fa-instagram"> </i></a>
<a href="https://www.youtube.com/c/YUNGHOGbeats" target="_blank"><i class="fa fa-youtube"> </i></a>
<a href="https://soundcloud.com/user-649397724" target="_blank"><i class="fa fa-soundcloud"> </i></a>
</span>
</div>
</div>
</div>
<div class="col-md-4">
<div class="dark-card" data-aos="fade-right" data-aos-delay="600">
<div class="dark-card-img">
<img src="assets/img/admin2.jpg" alt="Admin Sadeep">
</div>
<div class="dark-card-body">
<h5>Sadeep</h5>
<p class="text-muted text-primary">Co-Founder</p>
<p>Student and Illustrator from Kerala. Influenced by Keralians' love towards vehicles and modification culture. Based in Sagar.</p>
<span class="link">
<a href="https://www.instagram.com/sady_walker/" target="_blank"><i class="fa fa-instagram"> </i></a>
<a href="https://www.youtube.com/c/YUNGHOGbeats" target="_blank"><i class="fa fa-youtube"> </i></a>
</span>
</div>
</div>
</div>
</div>
<br>
<div class="row" data-aos="fade-up">
<div class="col-md-12 text-center">
<h3 class="heading">Our Sponsers</h2>
</div>
</div>
<div class="row justify-content-center">
<div class="col-md-8">
<div class="dark-card" data-aos="fade-up">
<div class="dark-card-img">
<img src="assets/img/sponser1.jpg" alt="Aditya Automobiles">
</div>
<div class="dark-card-body">
<h5>Aditya Automobiles</h5>
<p class="text-muted text-primary">Maruti Suzuki Arena</p>
<p>The well know car workshop of Sagar located at Jog Road. All sort of services like oil change,engine tuning,body shop works,
repairing, painting, tinkering, washing..... for MS cars is done here.
Friendly staffs and highly experienced technicians take good care of your car.</p>
<p class="text-primary"><a href="http://adityaautomobiles.rf.gd" target="_blank">Visit Aditya Automobiles' website</a></p>
<span class="link">
<a href="https://www.instagram.com/aditya.automobiles/" target="_blank"><i class="fa fa-instagram"> </i></a>
<a href="https://goo.gl/maps/4aBJupTobfS8cnji8" target="_blank"><i class="fa fa-map-marker"> </i></a>
<a href="http://adityaautomobiles.rf.gd" target="_blank"><i class="fa fa-link"> </i></a>
</span>
</div>
<div class="dark-card-img">
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d15473.638447617157!2d75.0140872!3d14.1707707!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x18a683fe2f2cf9e!2sAditya%20Automobiles!5e0!3m2!1sen!2sin!4v1589462942562!5m2!1sen!2sin" width="100%" height="400" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
</div>
</div>
</div>
</div>
</div>
</section>
<br>
</div>
<br>
<?php include 'footer.php'; ?>
<script type="text/javascript">
document.getElementById('about').classList.add('active2');
document.getElementById('team').classList.add('active2');
document.getElementById('foo').style.position="static";
</script>
<script>
AOS.init({
once: true,
duration: 1000,
});
</script>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
</body>
</html>