-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
156 lines (147 loc) · 11 KB
/
about.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
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!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>BM | About</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 about">
<div class="container">
<!-- Navbar -->
<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" href="./index.html">Home <span class="sr-only">(current)</span></a>
<a class="nav-item nav-link active" href="#">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 -->
<header class="about-header">
<div class="row px-5 pt-2 pt-sm-4">
<div class="about-heading text-light col-sm-6 mt-sm-5 pt-sm-5">
<div class="pt-4 pt-sm-2 pt-lg-5">
<div class="heading">
<h1 class="about-heading-main">About Us</h1>
<span class="about-heading-sub">
We here at Believemaster <em>believe</em> in <br> <span><em>"Create Innovate Inspire & Serve"</em><span>
</span>
</div>
</div>
<button class="btn btn-primary rounded-pill mt-3 px-4 py-2"><a href="#about-section" class="text-light text-decoration-none">Read More</a></button>
</div>
<div class="about-svg col-sm-6 mb-5 ml-auto">
<svg class="mt-5 ml-sm-5 svg-illustration" id="1c549851-e1f5-47c2-9f19-cda9fc007f23" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="410" height="415" viewBox="0 0 742 751">
<defs>
<linearGradient id="293c43c5-f5dc-4f36-9ea4-ed10593f05c6" x1="294.5" y1="751" x2="294.5" y2="73" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="gray" stop-opacity="0.25"/>
<stop offset="0.54" stop-color="gray" stop-opacity="0.12"/>
<stop offset="1" stop-color="gray" stop-opacity="0.1"/>
</linearGradient>
<linearGradient id="41fd0ec7-182b-4282-83b7-ab7a020e918b" x1="295.5" y1="394" x2="295.5" y2="175" xlink:href="#293c43c5-f5dc-4f36-9ea4-ed10593f05c6"/>
<linearGradient id="f8c73f52-cb57-4dfb-aa28-3dc50b136682" x1="472" y1="709" x2="472" y2="0.67" xlink:href="#293c43c5-f5dc-4f36-9ea4-ed10593f05c6"/>
<linearGradient id="f7f8622f-4980-4731-9af3-3a9e922a0253" x1="472" y1="269.98" x2="472" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#b3b3b3" stop-opacity="0.25"/>
<stop offset="0.54" stop-color="#b3b3b3" stop-opacity="0.1"/>
<stop offset="1" stop-color="#b3b3b3" stop-opacity="0.05"/>
</linearGradient>
<linearGradient id="b4700321-3280-4bc3-a158-9252876dd1e5" x1="713.21" y1="420.46" x2="718.93" y2="557.24" gradientTransform="matrix(-1, 0.01, -0.01, -1, 1253.94, 688.13)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-opacity="0.12"/>
<stop offset="0.55" stop-opacity="0.09"/>
<stop offset="1" stop-opacity="0.02"/>
</linearGradient>
</defs>
<rect x="19" y="73" width="551" height="678" fill="url(#293c43c5-f5dc-4f36-9ea4-ed10593f05c6)"/>
<rect x="26.6" y="80.56" width="535.57" height="658.44" fill="#f5f5f5"/>
<rect x="26.6" y="80" width="535.57" height="81.73" fill="#6c63ff"/>
<rect x="40.79" y="89.21" width="43.19" height="10.36" fill="#fff"/>
<rect x="40.79" y="108.78" width="43.19" height="10.36" fill="#fff"/>
<rect x="40.79" y="128.35" width="43.19" height="10.36" fill="#fff"/>
<rect y="175" width="591" height="219" fill="url(#41fd0ec7-182b-4282-83b7-ab7a020e918b)"/>
<rect x="5" y="182.46" width="578.76" height="204.34" fill="#fff"/>
<rect x="129.02" y="258.72" width="145.61" height="10.36" fill="#bdbdbd"/>
<rect x="129.02" y="300.17" width="145.61" height="10.36" fill="#69f0ae"/>
<rect x="129.02" y="279.44" width="420.8" height="10.36" fill="#e0e0e0"/>
<ellipse cx="66.7" cy="284.62" rx="25.91" ry="24.18" fill="#69f0ae"/>
<rect x="202.62" y="0.67" width="538.76" height="708.33" fill="url(#f8c73f52-cb57-4dfb-aa28-3dc50b136682)"/>
<rect x="202" width="540" height="269.98" fill="url(#f7f8622f-4980-4731-9af3-3a9e922a0253)"/>
<rect x="209.52" y="6.15" width="524.97" height="691.85" fill="#fff"/>
<rect x="208.91" y="5.5" width="526.18" height="263.69" fill="#6c63ff"/>
<rect x="319.59" y="343.59" width="142.73" height="10.89" fill="#bdbdbd"/>
<rect x="319.59" y="387.13" width="142.73" height="10.89" fill="#f5f5f5"/>
<rect x="319.59" y="365.36" width="372.56" height="10.89" fill="#69f0ae"/>
<rect x="415.15" y="104.08" width="142.73" height="10.89" fill="#fff"/>
<rect x="415.15" y="128.28" width="229.83" height="10.89" fill="#fff"/>
<rect x="458.69" y="159.72" width="142.73" height="12.1" rx="5" ry="5" opacity="0.2"/>
<circle cx="258.5" cy="356.29" r="25.4" fill="#69f0ae"/>
<rect x="319.59" y="448.82" width="142.73" height="10.89" fill="#bdbdbd"/>
<rect x="319.59" y="492.37" width="142.73" height="10.89" fill="#f5f5f5"/>
<rect x="319.59" y="470.59" width="372.56" height="10.89" fill="#e0e0e0"/>
<circle cx="258.5" cy="461.52" r="25.4" fill="#e0e0e0"/>
<rect x="319.59" y="554.06" width="142.73" height="10.89" fill="#bdbdbd"/>
<rect x="319.59" y="597.6" width="142.73" height="10.89" fill="#f5f5f5"/>
<rect x="319.59" y="575.83" width="372.56" height="10.89" fill="#e0e0e0"/>
<circle cx="258.5" cy="566.76" r="25.4" fill="#e0e0e0"/>
<path d="M461.9,207.23a70,70,0,1,0,93-67l.22,18a23.79,23.79,0,0,1-23.43,24h0a23.79,23.79,0,0,1-24-23.43l-.22-18A70.07,70.07,0,0,0,461.9,207.23Z" transform="translate(-229 -74.5)" fill="url(#b4700321-3280-4bc3-a158-9252876dd1e5)"/>
<path d="M602,199.86a70,70,0,1,0-93.76,65.92v-18A23.79,23.79,0,0,1,532,224h0a23.79,23.79,0,0,1,23.72,23.72v18A70.07,70.07,0,0,0,602,199.86Z" transform="translate(-229 -74.5)" fill="#6c63ff"/>
<circle cx="303" cy="115.73" r="26.92" fill="#fff" stroke="#fff" stroke-miterlimit="10"/>
<path d="M532,224h0a23.79,23.79,0,0,0-23.72,23.72v18a70.3,70.3,0,0,0,47.43,0v-18A23.79,23.79,0,0,0,532,224Z" transform="translate(-229 -74.5)" fill="#fff" stroke="#fff" stroke-miterlimit="10"/>
<path d="M504.85,188.74A26.12,26.12,0,0,1,502,175.19a18.11,18.11,0,0,1,6-12.28c3.92-3.34,9.24-4.53,14.38-4.94s10.34-.16,15.4-1.16a32.19,32.19,0,0,0,20.56-13.94c.32,4,.65,8-.11,11.85s-2.76,7.71-6.14,9.79c4.09-1.89,3.64,2.54,2.76,5.2,2,2.45,7,2.85,7.2,6a19.92,19.92,0,0,1-1,9.36c-1.24,2.92.09,8.07-3.07,8.29" transform="translate(-229 -74.5)" fill="#fff" stroke="#fff" stroke-miterlimit="10"/>
<path d="M553.51,163.87s18.79,1.64,5.41,29.52" transform="translate(-229 -74.5)" fill="#fff"/>
</svg>
</div>
<div class="col-12 mt-5 mb-sm-5 text-center d-none d-sm-block">
<i class="fas fa-angle-down fa-2x text-secondary animate__animated animate__bounce animate__infinite d-none d-sm-block"></i>
</div>
</div>
</header>
<!-- Section | About us -->
<section class="about-section mt-2 mt-sm-5" id="about-section">
<div class="about-container p-2 p-sm-5 mx-auto rounded">
<div class="about-container-heading p-3">
<h3>CREATE INNOVATE INSPIRE & SHARE</h3>
</div>
<div class="about-content p-3">
<p>
Founded in 2014 by the Yanik Kumar, our establishment has been serving up contents in different fields started from creating contents on Youtube, learning and growing from there to reach to people in the society and help them in different fields. We guarantee that you will fall in love with our work that whenever you want to find any stuff only one name will come into your mind "Believe Master". You can find different fields we are working upon. If you want to know more about the Believe Master you can reach him out at <a href="" class="text-primary">Yanik Kumar</a>
</p>
</div>
</div>
</section>
<!-- Footer -->
<footer class="footer text-muted text-center mt-4 pt-5 pb-3 ">
<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>