-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathassignment1
More file actions
116 lines (110 loc) · 4.34 KB
/
assignment1
File metadata and controls
116 lines (110 loc) · 4.34 KB
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">
<meta name="viewport" content="width=device-width, intial-scaler=1.0">
<title>MY WEBSITE</title>
</head>
<style>
.navigationBar {
background-color: #333;
overflow: hidden;
}
.navigationBar a {
float:left;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
}
.navigationBar a:hover {
background-color: #ddd;
color: black;
}
.navigationBar a.active {
background-color: #04aa6d;
color: white;
}
</style>
<body>
<nav class="navigationBar">
<img src="html logo.png""alt="logo" height="50">
<!-- <p>my website</p> -->
<a class="active" href="#home" onclick="activeHome()" id="home">Home</a>
<a class="active" href="#contact" onclick="activeHome()" id="contact">contactus</a>
</nav>
<script type="text/javascript">
function activeHome() {
document.getElementById("contact").classlist.add("active");
document.getElementById("contact").classList.remove("active");
}
function activeFirst() {
document.getElementById("home").classList.remove("active");
document.getElementById("contact").classList.add("active");
}
</script>
<div>
<a href="/contactus.html" target="_self"><img src="contact.png" height="50"</a>
<P style="text-align: center;background-color: cadetblue;color: chartreuse;">
WELCOME TO OUR WEBSITE
</P>
</div>
<div>
<p>Lorem ipsum dolar sit amet consectetur, adipiscing elit.Sunt voluptatibus excepturi sapientel odio dignissioms exercitatione
</div>
<img src="honsa.jpg" alt="logo">
<div>
<p>
Lorem ipsum, dolor sit amet consectetur, adipiscing elit. Ad sint velit cum dolor officlis iste fuga natus quia, hic neque ven
</p>
<img src="mini.jpg" alt="logo" height="300">
</div>
<div>
<iframe width="640" height="360" src="https://www.youtube.com/embed/kpLPLRe6hoU" title="India vs South Korea | Mens v0lleyball|"
</div>
<footer>
<pre>
<small>all rights are reserved</small>
</pre>
</footer>
<!-- Code injected by live-server -->
<script>
// <![CDATA[ <-- For SVG support
if ('WebSocket' in window) {
(function () {
function refreshCSS() {
var sheets = [].slice.call(document.getElementsByTagName("link"));
var head = document.getElementsByTagName("head")[0];
for (var i = 0; i < sheets.length; ++i) {
var elem = sheets[i];
var parent = elem.parentElement || head;
parent.removeChild(elem);
var rel = elem.rel;
if (elem.href && typeof rel != "string" || rel.length == 0 || rel.toLowerCase() == "stylesheet") {
var url = elem.href.replace(/(&|\?)_cacheOverride=\d+/, '');
elem.href = url + (url.indexOf('?') >= 0 ? '&' : '?') + '_cacheOverride=' + (new Date().valueOf());
}
parent.appendChild(elem);
}
}
var protocol = window.location.protocol === 'http:' ? 'ws://' : 'wss://';
var address = protocol + window.location.host + window.location.pathname + '/ws';
var socket = new WebSocket(address);
socket.onmessage = function (msg) {
if (msg.data == 'reload') window.location.reload();
else if (msg.data == 'refreshcss') refreshCSS();
};
if (sessionStorage && !sessionStorage.getItem('IsThisFirstTime_Log_From_LiveServer')) {
console.log('Live reload enabled.');
sessionStorage.setItem('IsThisFirstTime_Log_From_LiveServer', true);
}
})();
}
else {
console.error('Upgrade your browser. This Browser is NOT supported WebSocket for Live-Reloading.');
}
// ]]>
</script>
</body>
</html>