-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
116 lines (104 loc) · 4.8 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<!-- update decription for SEO -->
<meta name="description" content="" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<head>
<meta charset="UTF-8" />
<!-- update decription for SEO -->
<meta name="description" content="" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>One Stop for CS</title>
<!-- Favicon -->
<!-- icons:: Font Awesome-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta2/css/all.min.css"
integrity="sha512-YWzhKL2whUzgiheMoBFwW8CKV4qpHQAEuvilg9FAn5VJUDwKZZxkJNuGM4XkWuk94WCrrwslk8yWNGmY1EduTA=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- stylesheet::landing -->
<link rel="stylesheet" href="./stylesheets/landing.css" />
</head>
<body>
<header>
<nav class="nav-bar">
<!-- /* <a href = "index.html"> <img src = " "></a> -->
<div class="nav-links">
<ul>
<li><a href="./index.html">HOME</a></li>
<li class="subnav">
<div class="dropdown">
<button class="dropbtn">ROADMAPS</button>
<div class="dropdown-content">
<div class="row">
<div class="column">
<button class="option">Web Development</button>
<div class="frontend sub-column">
<button class="sub-option">Frontend</button>
<div class="sub-sub-column">
<a href="./sub-pages/wfrontbasic.html" target="_blank" rel="noopener noreferrer">Basic</a>
<a href="./sub-pages/wfrontintermediate.html" target="_blank"
rel="noopener noreferrer">Intermediate</a>
<a href="./sub-pages/wfrontadvance.html" target="_blank" rel="noopener noreferrer">Advanced</a>
</div>
</div>
<div class="backend sub-column">
<button class="sub-option">Backend</button>
<div class="sub-sub-column">
<a href="./sub-pages/wbackbasic.html" target="_blank" rel="noopener noreferrer">Basic</a>
<a href="./sub-pages/wbackintermediate.html" target="_blank"
rel="noopener noreferrer">Intermediate</a>
</div>
</div>
</div>
<div class="column">
<button class="option"><a href="sub-pages/android.html" target="_blank"
rel="noopener noreferrer">Android Development</a></button>
</div>
<div class="column">
<button class="option">Data Structures</button>
</div>
</div>
</div>
</div>
</li>
<li><a href="./sub-pages/resources.html">RESOURCES</a></li>
<li><a href="./sub-pages/contact.html">CONTACT</a></li>
</ul>
</div>
</nav>
</header>
<main>
<section class="home">
<h1 class="tagline">ONE STOP FOR CS</h1>
<div class="buttons">
<button class="button_roadmap">Roadmaps</button>
<button class="button_resources">
<a href="./sub-pages/resources.html">Resources</a>
</button>
</div>
<img src="./Illustrations/illustration-landing.png" alt=" " />
</section>
<!-- About us part-->
<section class="aboutus">
<h2>About Us</h2>
<p>
In this techie world, a newbie requires a guide or roadmap to help him choose a path for his coding journey. But when there are a lot of courses, the question comes which course is beneficial, which course should I pursue as a beginner or which language to learn first. Don't worry if you have all these questions we've got your back. To solve all queries of all level coders, here we are presenting "One stop for CS" from Roadmaps to Resources to practice questions to installation all is here. We divided resources into different parts for users' convenience and further added documentation, courses, roadmaps, videos, project ideas.
</p>
</section>
</main>
<footer>
<div class="cont">
<h2>Want to contribute?</h2>
<div class="icons">
<a href="./sub-pages/contact.html"><i class="fa fa-envelope"></i></a>
<a href="https://github.com/Greeshma2903/One-Stop-for-All"><i class="fab fa-github"></i></a>
</div>
<p class="rights">@Copyright 2021. All rights reserved</p>
</div>
</footer>
<script src="./app.js"></script>
</body>
</html>