forked from OlibhiaGhosh/Road_Runner
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
152 lines (146 loc) · 7.92 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
143
144
145
146
147
148
149
150
151
152
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Roadrunner</title>
<!-- <link rel="stylesheet" href="styles.css" type="text/css"> -->
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body class="bg-blue-950 pb-4">
<header>
<nav class="flex justify-between bg-blue-900">
<div class="w-1/3 pl-20 py-6 content-center ">
<img class="" src="./images/Logo.png" width="100" alt="">
</div>
<div class="flex justify-between space-x-10 w-1/3 ">
<span class="text-lg text-white py-8"><a href="">ABOUT US</a></span>
<span class="text-lg text-white py-8"><a href="#content">WHAT WE DO?</a></span>
<span class="text-lg text-white py-8"><a href="#get_started">START THE RUN</a></span>
<span class="text-lg text-white py-8"><a href="#faq">FAQs</a></span>
</div>
<div class="flex justify-center w-1/3 ">
<button class="bg-green-600 px-4 py-3 my-8 text-white rounded-lg font-bold hover:bg-green-700" onclick="location.href='../LOGIN+SIGNUP PAGE/signup.html'">Sign In</button>
</div>
</nav>
</header>
<main class="px-10 bg-blue-950 text-white text-xl font-bold">
<div class="w-2/3 relative">
<div class="ml-36 text-6xl pt-24 ">Find Your Perfect <br> Career Match</div>
</div>
<div class="pl-36 pt-10 text-xl">Take control of your future and find the <span class="text-yellow-400">CAREER</span> that suits you the best
</div>
<div class="pl-36 pt-28" id="get_started">
<button class="bg-green-600 px-4 py-3 text-white rounded-lg text-3xl hover:bg-green-700" onclick="location.href='getstarted.html'"> GET STARTED</button>
</div>
<div class="pl-28 pt-10 w-2/3 text-justify" id="content">
<div class="pl-6 text-blue-400 font-thin"> <a href="/">HOME</a>/ </div>
<div class="p-8">
Roadrunner is our vision to provide a roadmap to the seeker students, a personalized guide to help them navigate to their desired goals. We know how much curious a student is at this point about different directions. And they always tend to search for different careers and roadmaps & requirements for that path.
</div>
<div class="p-8 pt-2">
We want to help them with the roadrunner it serves as a one-way solution to this problem by removing all the major obstacles in their path by navigating the proper personalized roadmap. It consists of different career streams, which appear in the path of a student after their 10<sup>th</sup> boards exam as per the Indian Education System. Once the student specifies their direction of choice we present to them all the possible career options available in that direction. They can take a look at all of the spots very briefly. Once all their criteria are met with the career option, they can dive deep into that. We have provided every possible information about that option presenting all the pros & cons at the same time, we have given the best possible path to their destination supported by experts in that field.
</div>
<div class="pl-8">
So, let us dive in.
</div>
</div>
<div class="w-2/3">
<div class="my-16 ml-36 text-4xl text-center">BENEFITS:</div>
<div class="ml-36 w-2/3 text-xl text-justify">
<ol class="p-6 flex justify-start space-x-10 text-blue-400" type="I">
<li>
Personalized Planning
</li>
<li>
Structured Roadmaps
</li>
<li>
Rich References
</li>
<li>
User-Friendly Interface
</li>
<li>
Goal Setting
</li>
<li>
Community Support
</li>
<li>
Real-time Updates
</li>
<li>
Interactive Tools
</li>
</ol>
</div>
</div>
</div>
<section class="w-2/3" id="faq">
<div class="my-16 ml-36 text-4xl text-center">FAQs</div>
<button class="accordian">
Who will use this?
<i class="fa-solid fa-chevron-down"></i>
</button>
<div class="pannel">
<p>Students who have completed their 10th-grade education and are looking for guidance in choosing their career paths.</p>
</div>
<button class="accordian">
Is this relevant?
<i class="fa-solid fa-chevron-down"></i>
</button>
<div class="pannel">
<p>Absolutely!! It is verified from trusted and well-renowned sources.</p>
</div>
<button class="accordian">
How will roadrunner help me in building better future?
<i class="fa-solid fa-chevron-down"></i>
</button>
<div class="pannel">
<p>RoadRunner provide tools and resources to help you explore various career options.</p>
</div>
<button class="accordian">
How do I know if a certain career is a good fit for me before pursuing it?
<i class="fa-solid fa-chevron-down"></i>
</button>
<div class="pannel">
<p>First of all understand what are your interests and what you like to do. You can consult to your teachers who understand you. Also you can use our filter to find out what suits you the most. Also we are trying to provide mentorship in future if you still have confusion regarding that.</p>
</div>
<button class="accordian">
Can you provide guidance for individuals changing careers later in life?
<i class="fa-solid fa-chevron-down"></i>
</button>
<div class="pannel">
<p>Currnetly we can't provide individual guidanc but later on we will try to provide it.</p>
</div>
<button class="accordian">
Are there mentorship programs available for exploring new career paths?
<i class="fa-solid fa-chevron-down"></i>
</button>
<div class="pannel">
<p>No, Currnetly we can't provide it.</p>
</div>
<button class="accordian">
How do I stay updated for the lastest news?
<i class="fa-solid fa-chevron-down"></i>
</button>
<div class="pannel">
<p>By registering our RoadRunner website.</p>
</div>
<button class="accordian">
Can I contact RoadRunner?
<i class="fa-solid fa-chevron-down"></i>
</button>
<div class="pannel">
<p>Yes, always RoadRunner is availabe to help you.</p>
</div>
</section>
</main>
<footer>
<section class="about_us">
</section>
</footer>
</body>
</html>