-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
99 lines (96 loc) · 8.06 KB
/
index.html
File metadata and controls
99 lines (96 loc) · 8.06 KB
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Home - Brand</title>
<meta name="description" content="Make your business irresistible. ">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/styles.min.css">
</head>
<body style="background: linear-gradient(rgba(47, 23, 15, 0.65), rgba(47, 23, 15, 0.65)), url("assets/img/valentin-salja-CLvkkjb-i3g-unsplash.jpg");">
<h1 class="text-center text-white d-none d-lg-block site-heading"><span class="site-heading-lower">Bountree</span></h1>
<nav class="navbar navbar-light navbar-expand-lg bg-dark py-lg-4" id="mainNav" style="padding-top: 24px;background: var(--primary)!important;">
<div class="container"><a class="navbar-brand text-uppercase d-lg-none text-expanded" href="#" style="color: RGB(33,37,41);">Bountree</a><button data-toggle="collapse" data-target="#navbarResponsive" class="navbar-toggler" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="nav navbar-nav mx-auto">
<li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
<li class="nav-item"><a class="nav-link" href="#promise">Our Promise</a></li>
<li class="nav-item"><a class="nav-link" href="#team">About us</a></li>
<li class="nav-item"><a class="nav-link" href="#contact">Contact Us</a></li>
</ul>
</div>
</div>
</nav>
<section class="page-section clearfix">
<div class="container">
<div class="intro"><img class="img-fluid intro-img mb-3 mb-lg-0 rounded" src="assets/img/thought-catalog-505eectW54k-unsplash.jpg">
<div class="intro-text left-0 text-centerfaded p-5 rounded bg-faded text-center">
<h2 class="section-heading mb-4"><span class="section-heading-upper">Everything begins</span><span class="section-heading-lower">with an idea</span></h2>
<p class="mb-3">The highly experienced and talented team of Bountree works to ensure that your online presence reflects the stature and grandiose of your company. We work with a "<em>Leave no stone unturned</em>" philosophy to ensure that you receive the best possible product.</p>
<div class="mx-auto intro-button"><a class="btn btn-primary d-inline-block mx-auto btn-xl" role="button" href="#">Contact Us Now!</a></div>
</div>
</div>
</div>
</section>
<section id="promise" class="page-section cta" style="margin-bottom: 40px;">
<div class="container">
<div class="row">
<div class="col-xl-9 mx-auto">
<div class="cta-inner text-center rounded">
<h2 class="section-heading mb-4"><span class="section-heading-upper">Our Promise</span><span class="section-heading-lower">To You</span></h2>
<p class="mb-0">When we sign on to work with you, we are dedicated to providing you with friendly service, a welcoming atmosphere, and above all else, excellent products made with the highest quality. If you are not satisfied, please let us know and we will do whatever we can to make things right!</p>
</div>
</div>
</div>
</div>
</section>
<div class="team-boxed" style="background: transparent;">
<div class="container">
<div class="mx-auto intro-text left-0 text-centerfaded p-5 rounded bg-faded text-center" id="team" style="margin: 0;margin-bottom: -35px;max-width: 800px;">
<h2 class="section-heading mb-4"><span class="section-heading-upper">there is no i in</span><span class="section-heading-lower">team</span></h2>
<p class="mb-3">A passionate team of developers and thinkers to ensure your company is No. 1</p>
</div>
<div class="row text-center">
<div class="col-md-6" style="margin-bottom: 30px;">
<div class="box rounded" style="background: var(--primary);padding: 35px;"><img class="rounded-circle" src="assets/img/srupic.jpeg" style="height: 150px;">
<h3 class="name" style="margin-top: 12px;">Srujan Deshpande</h3>
<p class="title" style="color: #313437;">Developer</p>
<p class="description" style="color: #313437;">A driven developer and writer, Srujan is a Computer Science Engineering Junior at PES University. He has been working in the digital industry for the last 5+ years. He was experience in creating and successfully running multiple websites, social media profiles and blogs.</p>
<div class="social" style="color: #313437;"><a href="https://www.linkedin.com/in/srujandeshpande/" target="_blank"><i class="fa fa-linkedin"></i></a><a href="https://instagram.com/srujandeshpande" target="_blank"><i class="fa fa-instagram"></i></a><a href="#"><i class="fa fa-external-link"></i></a></div>
</div>
</div>
<div class="col-md-6">
<div class="box rounded" style="background: var(--primary);padding: 35px;"><img class="rounded-circle" src="assets/img/gaurang.jpeg" style="height: 150px;">
<h3 class="name" style="margin-top: 12px;">Gaurang Asopa</h3>
<p class="title" style="color: #313437;">Finance Professional</p>
<p class="description" style="color: #313437;">Gaurang is a research-oriented individual, pursuing a Finance and Investment major at CHRIST University looking to leave a mark in this world. He is Awaiting the charter for the US CMA Certification and a CFA L1 Candidate an is very passionate about entrepreneurship and sports.</p>
<div class="social" style="border-color: #313437;color: #313437;"><a href="https://www.linkedin.com/in/gaurang-asopa/" target="_blank"><i class="fa fa-linkedin"></i></a><a href="https://instagram.com/thegaurangasopa" target="_blank"><i class="fa fa-instagram"></i></a></div>
</div>
</div>
</div>
</div>
</div>
<div id="contact" class="contact-clean" style="background: transparent;">
<form data-bss-recipient="efd7516014af18ccf53707b6d5bbb946" data-bss-subject="Bountree">
<h2 class="text-center" style="font-size: 48px;font-weight: 100;color: rgb(33,37,41);">Contact us</h2>
<div class="form-group"><input class="form-control" type="text" name="name" placeholder="Name"></div>
<div class="form-group"><input class="form-control" type="email" name="email" placeholder="Email"></div>
<div class="form-group"><textarea class="form-control" name="message" placeholder="Message" rows="14"></textarea></div>
<div class="form-group"><button class="btn btn-primary" type="submit" style="background: var(--primary);">send </button></div>
</form>
</div>
<footer class="footer text-faded text-center py-5">
<div class="container">
<p class="m-0 small">Copyright © Bountree 2021</p>
</div>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.3/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/smart-forms.min.js"></script>
<script src="assets/js/script.min.js"></script>
</body>
</html>