-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
138 lines (127 loc) · 7.42 KB
/
index.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
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Believe Master</title>
<!-- Google Fonts -->
<!-- <link href="https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Krona+One&display=swap" rel="stylesheet"> -->
<!-- Custom CSS -->
<link rel="stylesheet" href="./style.css">
<!-- Bootsrap 4.5 -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<!-- Font Awesome -->
<script src="https://kit.fontawesome.com/df90884292.js" crossorigin="anonymous"></script>
<!-- Animate.css -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css" />
</head>
<body>
<div class="container-fluid index">
<div class="container">
<nav class="navbar navbar-expand-lg navbar-dark px-0 px-sm-3 py-4">
<a class="navbar-brand" href="index.html">Believe Master</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav ml-auto">
<a class="nav-item nav-link active" href="#">Home <span class="sr-only">(current)</span></a>
<a class="nav-item nav-link" href="./about.html">About</a>
<a class="nav-item nav-link" href="./services.html">Services</a>
<a class="nav-item nav-link" href="./timeline.html">Timeline</a>
<a class="nav-item nav-link" href="./team.html">Team</a>
<a class="nav-item nav-link" href="./contact-us.html">Contact Us</a>
</div>
</div>
</nav>
<header class="index-banner p-1">
<div class="sub-div mx-auto">
<div class="index-heading-text text-center text-uppercase font-weight-bolder p-1">
<span class=""><p class="welcome-text mb-0"><span>Welcome to</span></p></span>
<h1 class="p-0 mt-n mt-sm-n1">Believe Master</h1>
</div>
</div>
</header>
<div class="mt-n2 mb-sm-5 text-center">
<i class="fas fa-angle-down fa-2x text-secondary animate__animated animate__bounce animate__infinite d-none d-sm-block"></i>
</div>
<section class="intro-section container-fluid px-0 px-sm-3 mt-5">
<div class="intro-img ml-lg-auto">
<img src="./assets/introNew2.png" class="img-fluid d-none d-md-block" alt="BM introductory image">
<img src="./assets/introNew.png" class="d-block d-md-none" alt="BM introductory image">
</div>
<div class="card-index row text-center">
<div class="col-sm-6 px-0 px-lg-3">
<div class="card mx-auto">
<div class="card-body p-0 pb-4 p-md-2 p-lg-3">
<div class="intro-heading text-center">
<h2 class="section-heading">
<span class="section-heading-main text-secondary">One Name</span>
<br>
<span class="section-heading-sub">Multiple Field</span>
</h2>
</div>
<p class="card-text text-center p-3">Believe Master welcomes you all to the place where everything is worked upon with clean and clear responses. Believe Master is the root node of the all Believe Master platforms.</p>
<!-- modal trigger -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#find-us-modal">
Find us Anywhere
</button>
<!-- Modal -->
<div class="modal fade" id="find-us-modal" tabindex="-1" role="dialog" aria-labelledby="find-us-modal" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title text-dark" id="exampleModalLabel">We are socially acitve too!</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="find-us">
<a href=""><i class="fab fa-instagram-square fa-3x p-1 p-sm-2 text-dark"></i></a>
<a href=""><i class="fab fa-facebook-square fa-3x p-1 p-sm-2 text-dark"></i></a>
<a href=""><i class="fab fa-twitter-square fa-3x p-1 p-sm-2 text-dark"></i></a>
<a href=""><i class="fab fa-youtube-square fa-3x p-1 p-sm-2 text-dark"></i></a>
<a href=""><i class="fab fa-linkedin fa-3x p-1 p-sm-2 text-dark"></i></a>
<a href=""><i class="fab fa-whatsapp-square fa-3x p-1 p-sm-2 text-dark"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 px-0 px-lg-3">
<div class="card mx-auto">
<div class="card-body p-0 pb-4 p-md-2 p-lg-3">
<div class="intro-heading text-center">
<h2 class="section-heading">
<span class="section-heading-main text-secondary">Our Promise</span>
<br>
<span class="section-heading-sub">To You</span>
</h2>
</div>
<p class="card-text text-center p-3">We here at Believe Master serves you with the best we are having with no complaints and demands. We work upon different fields so that you don't have to remember different things. Just one name is enough for you to find what you want.</p>
</div>
</div>
</div>
</div>
</section>
<footer class="footer text-muted text-center mt-4 pt-5 ">
<div class="">
<p class="m-0">© Copyright <a href="/index.html" style="color: white; text-decoration: none;">Believe Master</a> 2020</p>
<p class="mt-3 mb-0 text-secondary">Designed by: <span class="text-light font-weight-bold">Satyam Saurabh</span></p>
<p class="mt-0" style="color: #f1f1f1;">Internshala Assignment</p>
</div>
</footer>
</div>
</div>
<!-- Bootstrap scripts -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
</body>
</html>