-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathabout.html
122 lines (116 loc) · 5.1 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About</title>
<link rel="stylesheet" href="aboutStyle.css">
<!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
<link rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200" />
</head>
<body>
<header class="position-sticky top-0">
<div class="nav-1 bg-dark">
<ul class="d-flex float-right gap-3 m-0 justify-content-end p-3 align-items-center">
<li class="text-white "><i class="fa-brands fa-square-facebook"></i> </li>
<li class="text-white "><i class="fa-brands fa-github"></i></li>
<li class="text-white">Logout</li>
<li class="text-white">Mypage</li>
<li class="text-white">India</li>
</ul>
</div>
<nav class="navbar navbar-expand-md bg-white">
<div class="container toggles justify-content-md-evenly">
<a class="navbar-brand" href="index.html"><i class="fa-solid fa-won-sign fa-2xl"></i></a>
<button class=" btn burger d-md-none" type="button"><i class="fa-solid fa-bars"></i></button>
<button type="button" class="btn d-none close-btn"><i class="fa-solid fa-xmark "></i></button>
<div class="justify-content-evenly d-none d-md-flex" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link " aria-current="page" href="index.html">Home</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<div class="about">
<div class="intro ps-5">
<h1 class="fs-2 pb-3">Web Devlopment</h1>
<p class="border border-white pt-5 about-p">Web development is the work involved in developing a website for the
Internet or an intranet. Web development can range from developing a simple single static page of plain text to
complex web applications, electronic businesses, and social network services.
</p>
<h4 class="pt-4 intro-h4">For More Information go to </h4>
<a href="#" class="text-dark fs-4 fw-semibold"> W3school</a>
</div>
<hr class="hr-1">
<div class="webLogo text-center bg-white pb-5 ">
<h2 class="pt-5 fw-bolder">Web Development Roadmaps</h2>
<hr>
<h4 class="py-4 fw-bold">Front-End Roadmap</h4>
<p class="fw-semibold fs-4 p-lg-0 p-2">To become a web developer, start with the subjects below,
in the following order:</p>
<div class="d-flex flex-md-column align-items-center">
<a href="#" class="text-decoration-none web-btn ">HTML</a>
<a href="#" class="text-decoration-none web-btn">CSS</a>
<a href="#" class="text-decoration-none web-btn web-btn-1">JAAVASCRIPT</a>
</div>
</div>
</div>
<hr>
<div class="moreInfo pt-5 text-center bg-white pb-5" id="moreInfo">
<h3 class="fw-semibold pb-2">What's Next?</h3>
<hr>
<p class="fw-semibold p-3 "> Now you know how to use HTML, CSS, and JavaScript
to create, style, and make interactive web pages.
The next step is to publish your website,
so that the rest of the world can see your work.
There are tons of hosting services to choose from.
We have made one for you, for free:
</p>
<img src="images/web3school.png" alt="web3School" class="img">
<img src="images/github_pages.jpg" alt="" class=" img">
</div>
<section class="partner bg-dark pt-5">
<h3 class="partner-h3 pb-3 text-center"> Partner</h3>
<hr class="partner-hr pt-5">
<div class="d-flex flex-wrap justify-content-center">
<a href="#" class="partner-link px-5 text-decoration-none pb-5 ">
<h4>Mozilla</h4>
</a>
<a href="#" class="partner-link px-5 text-decoration-none pb-5">
<h4>Google</h4>
</a>
<a href="#" class="partner-link px-5 text-decoration-none pb-5">
<h4>Microsoft</h4>
</a>
<a href="#" class="partner-link px-5 text-decoration-none pb-5">
<h4>BairesDev</h4>
</a>
<a href="#" class="partner-link px-5 text-decoration-none pb-5">
<h4>INOXOFT</h4>
</a>
</div>
</section>
<section class="footer d-flex justify-content-md-evenly p-5">
<div class="pe-5"><i class="fa-solid fa-won-sign fa-2xl"></i></div>
<div class="text">
<h3>2022 Web Academey</h3>
<h4>Some Right Reserved</h4>
</div>
</section>
<!-- Script file -->
<script src="script.js"></script>
<!-- FONT AWESOME KIT CODE -->
<script src="https://kit.fontawesome.com/ce0e1011ca.js" crossorigin="anonymous"></script>
<!-- JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa"
crossorigin="anonymous"></script>
<script src="script.js"></script>
</body>
</html>