-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
142 lines (139 loc) · 11.9 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
139
140
141
142
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Home - FindMyCompetition</title>
<meta name="description" content="Redefine the new generation!">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Akaya+Telivigala&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Cardo&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Changa+One&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Chango&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Oswald&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Titan+One&display=swap">
<link rel="stylesheet" href="assets/css/Banner-Heading-Image-images.css">
<link rel="stylesheet" href="assets/css/Contact-Details-icons.css">
<link rel="stylesheet" href="assets/css/homepage.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css">
</head>
<body style="/*background: url("design.jpg");*/background-position: 0 -60px;">
<nav class="navbar navbar-light navbar-expand-md fixed-top navbar-shrink py-3" id="mainNav">
<div class="container"><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-2"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button><a class="navbar-brand d-flex align-items-center" href="/" style="font-size: 25px;"><span style="font-family: 'Changa One', serif;color: rgba(21,21,21,0.9);">FindMyCompetition</span></a>
<div class="collapse navbar-collapse" id="navcol-2">
<ul class="navbar-nav mx-auto">
<li class="nav-item"><a class="nav-link active" href="index.html" style="font-size: 20px;">Home</a></li>
<li class="nav-item"><a class="nav-link" href="findcompetitions.html" style="font-size: 20px;">Find Competitions</a></li>
<li class="nav-item"><a class="nav-link" href="whyus.html" style="font-size: 20px;">Why Us</a></li>
<li class="nav-item"><a class="nav-link" href="aboutus.html" style="font-size: 20px;">About Us</a></li>
</ul>
</div>
</div>
</nav>
<header class="bg-primary-gradient pt-5" style="background: #ABC8C0;">
<div class="container pt-4 pt-xl-5">
<div class="row pt-5">
<div class="col-md-8 col-xl-6 text-center text-md-start mx-auto" style="width: 845px;">
<div class="text-center">
<h1 class="fw-bold" style="font-size: 44px;font-family: Oswald, sans-serif;">Find Competitions that suit your Interest<br>Discover Your passion!<br><button class="btn btn-primary shadow" data-bss-hover-animate="pulse" type="button" style="width: 181.234px;height: 52.7812px;font-size: 20px;font-family: Cardo, serif;" onclick="location.href='whyus.html'">Learn more</button></h1>
</div>
</div>
<div class="col-12 col-lg-10 mx-auto">
<div class="position-relative" style="display: flex;flex-wrap: wrap;justify-content: flex-end;">
<div style="position: relative;flex: 0 0 45%;transform: translate3d(-15%, 35%, 0);"><img class="img-fluid" src="assets/img/Students%20studying.jpg" data-bss-parallax="" data-bss-parallax-speed="0.8"></div>
<div style="position: relative;flex: 0 0 45%;transform: translate3d(-5%, 20%, 0);"><img class="img-fluid" src="assets/img/Trophy%20with%20red%20background.jpg" data-bss-parallax="" data-bss-parallax-speed="0.4"></div>
<div style="position: relative;flex: 0 0 60%;transform: translate3d(0, 0%, 0);"><img class="img-fluid" src="assets/img/products/Student%20studying%20behind%20a%20tower%20of%20books.jpg" data-bss-parallax="" data-bss-parallax-speed="0.25"></div>
</div>
</div>
</div>
</div>
</header>
<section data-aos="fade-up" data-aos-delay="150" data-aos-once="true" class="py-5">
<div class="container py-4 py-xl-5">
<div class="row mb-4 mb-lg-5">
<div class="col-md-8 col-xl-6 text-center mx-auto">
<h3 class="fw-bold" style="font-size: 43px;font-family: Oswald, sans-serif;">How we help Students</h3>
</div>
</div>
<div class="row row-cols-1 row-cols-md-2 mx-auto" style="max-width: 900px;">
<div class="col mb-5"><img class="rounded img-fluid shadow" src="assets/img/Tutoring%20student.jpg"></div>
<div class="col d-md-flex align-items-md-end align-items-lg-center mb-5">
<div>
<p class="text-muted mb-4" style="height: 209.1875px;padding: 8px;">We help guide students by showing what competitions are near them and in subjects that are interesting to them. These skills will help them in their imminent future as well as their eventual career. </p><button class="btn btn-primary shadow" data-bss-hover-animate="pulse" type="button" onclick="location.href='findcompetitions.html'">Find Competitions</button>
</div>
</div>
</div>
</div>
</section>
<section data-aos="fade-up" data-aos-delay="150" data-aos-once="true" id="contact" class="py-5" style="margin-bottom: 20px;">
<div class="container">
<div class="row mb-5">
<div class="col-md-8 col-xl-6 text-center mx-auto">
<p class="fw-bold text-success mb-2" style="font-family: 'Playfair Display', serif;font-size: 20px;">Need Help?</p>
<h2 class="fw-bold" style="font-family: Oswald, sans-serif;font-size: 43px;">Reach Us</h2>
</div>
</div>
<div class="row d-flex justify-content-center">
<div class="col-md-6 col-xl-4">
<div>
<form class="p-3 p-xl-4" data-bss-recipient="9f12de0177138ad8cec7d369c1a206ef">
<div class="mb-3"><input class="form-control" type="text" id="name-1" name="name" placeholder="Name" required=""></div>
<div class="mb-3"><input class="form-control" type="email" id="email-1" name="email" placeholder="Email" required=""></div>
<div class="mb-3"><textarea class="form-control" id="message-1" name="message" rows="6" placeholder="Message" required=""></textarea></div>
<div><button class="btn btn-primary shadow d-block w-100" type="submit">Send </button></div>
</form>
</div>
</div>
<div class="col-md-4 col-xl-4 d-flex justify-content-center justify-content-xl-start">
<div class="d-flex flex-wrap flex-md-column justify-content-md-start align-items-md-start h-100">
<div class="d-flex align-items-center p-3">
<div class="bs-icon-md bs-icon-circle bs-icon-primary shadow d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block bs-icon bs-icon-md"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-telephone">
<path d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z"></path>
</svg></div>
<div class="px-2">
<h6 class="fw-bold mb-0">Phone</h6>
<p class="text-muted mb-0">(919)-630-5786</p>
</div>
</div>
<div class="d-flex align-items-center p-3">
<div class="bs-icon-md bs-icon-circle bs-icon-primary shadow d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block bs-icon bs-icon-md"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-envelope">
<path fill-rule="evenodd" d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2Zm13 2.383-4.708 2.825L15 11.105V5.383Zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741ZM1 11.105l4.708-2.897L1 5.383v5.722Z"></path>
</svg></div>
<div class="px-2">
<h6 class="fw-bold mb-0">Email</h6>
<p class="text-muted mb-0">[email protected]</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="bg-primary-gradient">
<div class="container py-4 py-lg-5">
<div class="row justify-content-center">
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column item"><a href="aboutus.html" style="font-family: 'Akaya Telivigala', serif;font-size: 32px;color: rgb(64,64,64);">About</a></div>
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column item"><a href="index.html#contact" style="font-family: 'Akaya Telivigala', serif;font-size: 32px;color: rgb(64,64,64);">Help</a></div>
<div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last item social">
<div class="fw-bold d-flex align-items-center mb-2" onclick="location.href='index.html'"><span style="font-family: 'Changa One', serif;font-size: 20px;">FindMyCompetition</span></div>
<p class="text-muted copyright">"Redefine the new generation"</p>
</div>
</div>
<hr>
<div class="text-muted d-flex justify-content-between align-items-center pt-3">
<p class="mb-0">Copyright © 2022 FindMyCompetition</p>
</div>
</div>
</footer>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/smart-forms.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>
<script src="assets/js/bold-and-bright.js"></script>
<script src="assets/js/multilevel-dropdown.js"></script>
</body>
</html>