-
Notifications
You must be signed in to change notification settings - Fork 0
/
homepage.html
165 lines (131 loc) · 6.09 KB
/
homepage.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
153
154
155
156
157
158
159
160
161
162
163
164
165
<html>
<head>
<title>CSS Dropdown Menu</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body bgcolor="87CEEB">
<img src="logo1.jpg" style=width:1540px;height:300px;>
<header class="main-header">
<div class="jumbotron">
<a class="logo" href="#"></a>
<ul class="main-nav">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li class="dropdown">
<a href="#">Services</a>
<ul class="drop-nav">
<li>Storage as a service(StAAS)</li>
<li>Container as a service(CAAS)</li>
<li>Infrastructure as a service(IAAS)</li>
<li>Platform as a service(PAAS)</li>
<li>Network as a service(NAAS)</li>
<li>Workplace as a service(WAAS)</li>
<li class="flyout">
</li>
</ul>
<li><a href="#">Contact</a></li>
</header>
<iframe src="cloud.html""height="50000"width="1530" style= "border:none;"></iframe>
<div id="id01" class="modal">
<form class="modal-content animate" action="file:///C:/Users/nihal%20gomladu/Desktop/webpage/newpage.html">
<div class="imgcontainer">
<span onclick="document.getElementById('id01').style.display='none'" class="close" title="Close Modal">×</span>
</center><img src="profile1.png" class="avatar"></center>
</div>
<div class="container">
<center> <label><b><font color="navy"><b>Username</b></label>
<input type="text" placeholder="Enter Username" name="uname" required><br>
<label><b>Password</b></label>
<input type="password" placeholder="Enter Password" name="psw" required></b></font>
<button type="submit">Login</button>
<input type="checkbox" checked="checked"> Remember me
</div>
<div class="container" style="background-color:#f1f1f1">
<button type="button" onclick="document.getElementById('id01').style.display='none'" class="cancelbtn">Cancel</button>
<span class="psw">Forgot <a href="#">password?</a></span>
</div>
</form></center>
</div>
<script>
// Get the modal
var modal = document.getElementById('id01');
// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
}
}
<h1 id="Cloud_Storage_Service_Details" class="center" style="background-color: #008080;>
<a name="Cloud_Storage_Service_Details"> Cloud Storage Service Details</a>
</h1><div class="row-builder section"> <div style="background-color: #ffffff;" class="topLeft midPad ">
<div class="row wrapper">
<div class="twelve columns">
<div class="parsys col1">
<div class="lead-copy section">
<div class="lead offset-medium ">
</div> </div>
<div class="title-wrapper section">
<div class="row title">
<div class="twelve columns" >
<p><font size=12 color="#000080"><b>Storage as a service </b></div> </div> </div></p></font>
<p><font color="#808080"><p>cjbdufhdfhjhbnvdjhbvdhjbhncb</p>
<p>cjbdufhdfhjhbnvdjhbvdhjbhncb</p>
<p>cjbdufhdfhjhbnvdjhbvdhjbhncb</p></font></div> </div>
<div class="divider section"> </div> <div class="lead-copy section"> <div class="lead offset-medium "> </div> </div> <div class="title-wrapper section">
<div class="row title">
<div class="twelve columns">
<div class="lead-copy section"> <div class="lead offset-medium "> </div> </div>
<div class="divider section"> <hr /> </div>
<div class="lead-copy section"> <div class="lead offset-medium "> </div> </div>
<div class="title-wrapper section"> <div class="row title"> <div class="twelve columns"> <p><font color="#000080" size=12
><b>Container as a Service</b></div> </div> </div></p></font>
<p><font color="#808080"><p>cjbdufhdfhjhbnvdjhbvdhjbhncb</p>
<p>cjbdufhdfhjhbnvdjhbvdhjbhncb</p>
<p>cjbdufhdfhjhbnvdjhbvdhjbhncb</p></font></div> </div>
<hr>
<div class="divider section"> </div> <div class="lead-copy section"> <div class="lead offset-medium "> </div> </div> <div class="title-wrapper section">
<div class="row title">
<div class="twelve columns">
<p><font size=12 color="#000080"><b>Infrastructure as a service </b></div> </div> </div></p></font>
<div class="title-wrapper section">
<div class="row title">
<div class="twelve columns">
<div class="lead-copy section">
<div class="lead offset-nopad ">
<div class="title-wrapper section">
<div class="row title">
<div class="twelve columns" >
<p><font color="#808080" size=3><p>cjbdufhdfhjhbnvdjhbvdhjbhncb</p>
<p>cjbdufhdfhjhbnvdjhbvdhjbhncb</p>
<p>cjbdufhdfhjhbnvdjhbvdhjbhncb</p></font></div> </div>
<div class="divider section"> </div> <div class="lead-copy section"> <div class="lead offset-medium "> </div> </div> <div class="title-wrapper section">
<div class="row title">
<div class="twelve columns">
<div class="row wrapper">
<div class="twelve columns">
<div class="parsys col1">
<div class="lead-copy section">
<div class="lead offset-medium ">
</div> </div>
<hr>
<div class="title-wrapper section">
<div class="row title">
<div class="twelve columns" >
<p><font size=12 color="#000080"><b>Network as a service </b></div> </div> </div></p></font>
<p><font color="#808080"><p>cjbdufhdfhjhbnvdjhbvdhjbhncb</p>
<p>cjbdufhdfhjhbnvdjhbvdhjbhncb</p>
<p>cjbdufhdfhjhbnvdjhbvdhjbhncb</p></font></div> </div>
<div class="divider section"> </div> <div class="lead-copy section"> <div class="lead offset-medium "> </div> </div> <div class="title-wrapper section">
<div class="row title">
<div class="twelve columns">
<div class="lead-copy section"> <div class="lead offset-medium "> </div> </div>
<div class="divider section"> <hr /> </div>
<div class="lead-copy section"> <div class="lead offset-medium "> </div> </div>
<div class="title-wrapper section"> <div class="row title"> <div class="twelve columns"> <p><font color="#000080" size=12
><b>Platform as a service</b></div> </div> </div></p></font>
<p><font color="#808080"><p>cjbdufhdfhjhbnvdjhbvdhjbhncb</p>
<p>cjbdufhdfhjhbnvdjhbvdhjbhncb</p>
<p>cjbdufhdfhjhbnvdjhbvdhjbhncb</p></font></div> </div>
<hr>
</body>
</html>