-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
122 lines (100 loc) · 4.97 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
<!DOCTYPE html>
<head>
<title>Main Page</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style_sheet.css">
</head>
<body>
<header class="header" id="header">
<nav class="navbar">
<a href="#" class="nav-yellow" style="font-size: 3vw;" id="main">UIT RGPV E-CELL</a><br>
<ul class="nav-menu">
<li class="nav-item">
<a href="#" id="one" class="nav-link">Cricket Score Board</a>
</li>
<li class="nav-item">
<a href="#" id="two" class="nav-link" >COLOR PICKER</a>
</li>
</ul>
<div class="hamburger">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
</nav>
<script src="javascript.js"></script>
</header>
<div id="mains" style="display: flex;flex-direction: column;">
<div id="colo" style="width:98vw;height:100vh;display: none;">
<object type="text/html" data="color picker.html"
style="width:98vw; height:100vh;overflow: hidden;">
</object>
</div>
<div id="cricket" style="width:98vw;height:100vh;display:none;">
<object type="text/html" data="cricketscoreboard.html"
style="width:98vw; height:100vh;overflow: hidden;">
</object>
</div>
<div id="webp" style="display:flex;flex-direction: column;">
<div class="ctx">
<a class="headr"> < WEB DEV- ></a><br>
</div>
<div class="scnd">
<div class="chota">
<a class="whitetxt">WHAT IS WEB-DEVELOPMENT?</a><br>
<a class="belowwhitetxt">Web development refers in general to the tasks associated with developing
websites for hosting via intranet or internet. The web development process includes web design, web
content development, client-side/server-side scripting and network security configuration, among
other tasks.</a><br>
</div>
</div>
<div class="scnd">
<div class="chota">
<a class="whitetxt">COMPONENTS OF WEB-PAGE</a><br>
<a class="belowwhitetxt">The web page is mainly composed of these three components
<br><b># HTML, # Java-Script, # CSS</b><br>we will discuss about these in upcoming sections
</a><br>
</div>
</div>
<div class="lft">
<div class="chota" style="text-align: start;">
<a class="whitetxt" style="font-size: 5vmax;color: rgb(75, 75, 75);">HTML</a><br>
<a class="belowwhitetxt">HTML, or Hypertext Markup Language, is a markup language for the web that
defines the structure of web pages.
</a><br>
</div>
</div>
<div class="rght">
<div class="chota" style="text-align: start;">
<a class="whitetxt" style="font-size: 5vmax;color: rgb(75, 75, 75);">JAVASCRIPT</a><br>
<a class="belowwhitetxt">JavaScript is a dynamic programming language that's used for web development,
in web applications, for game development, and lots more. It allows you to implement dynamic
features on web pages.
</a><br>
</div>
</div>
<div class="lft" style="background-color:#0084ff;">
<div class="chota" style="text-align: start;">
<a class="whitetxt" style="font-size: 5vmax;color: rgb(75, 75, 75);">CSS</a><br>
<a class="belowwhitetxt">Stands for "Cascading Style Sheet." Cascading style sheets are used to format
the layout of Web pages. They can be used to define text styles, table sizes, and other aspects of
Web pages
</a><br>
</div>
</div>
<div class="scnd" style="padding: 3vw;">
<div class="chota">
<a class="whitetxt" style="color: white;">You can check some of the my projects from navigation bar</a>
</div>
</div>
</div>
<footer class="footer">
<a class="whitetxt" style="font-size: 2vmax;">UNIVERSITY INSTITUTE OF TECHNOLOGY RGPV BHOPAL (M.P.)</a><br>
<a class="belowwhitetxt" style="font-size: 1vmax;color:#475569 ;">I'm Pulkit Dubey and I have created this page as a part of project for
UIT RGPV E-CELL</a><br>
<a class="belowwhitetxt" style="font-size: 1vmax;color:#475569 ;">You can Contact me here at:<b>[email protected]</b></a><br>
<a class="belowwhitetxt" style="font-size: 1vmax;color:#475569 ;">All rights for this page does belong to someone or anyone</a>
</footer>
</div>
</body>
</html>