-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcomplex_webpage.html
96 lines (96 loc) · 4.94 KB
/
complex_webpage.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Web Elements</title>
</head>
<body>
<header id="header">
<h1><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/ad/HP_logo_2012.svg/2048px-HP_logo_2012.svg.png" alt="Hp" height="60px">HP</h1>
<nav>
<ol>
<li><a href="#Home">Home</a></li>
<li><a href="#Explore">Explore</a></li>
<li><a href="#Shop">Shop</a></li>
<li><a href="#Support">Support</a></li>
</ol>
</nav>
</header>
<hr>
<section id="Hero_section">
<img src="https://images.hindustantimes.com/tech/img/2022/07/18/1600x900/IMG_4316_1658126389416_1658126408126_1658126408126.jpg" alt="Hp Laptops" width="100%" height="700px">
<h2>Hey there!
What can we help you find today?</h2>
</section><hr>
<section id="Main_content_section">
<h2>HP: Who We Are</h2>
<p>The original Silicon Valley Startup: Founded in 1939; Reinvented in 2015. We are one of the leading printing and personal systems technology companies in the world, and we are here to create technology that makes life better for everyone everywhere. In an ever-changing, connected world, HP Inc. keeps reinventing itself, its technologies, and what tomorrow holds—so industries, communities, and individuals can keep reinventing how they operate, ideate, and create what matters the most to them. Our mission is to engineer experiences that amaze each and every one of our customers. Our goal is to deliver predictable cashflow and return of capital to shareholders while reinvesting in the business.</p>
<ul><b>Company Name:</b> Hewlett-Packard, HP inc.</ul>
<ul><b>HP Headquarters:</b> Palo Alto, California, United States</ul>
<ul><b>Number of Hewlett-Packard patents:</b> 37,000 worldwide patents</ul>
<ul><b>Number of HP employees:</b> 56,000 (as of 2019)</ul>
<ul><b>History of HP:</b> Bill Hewlett and David Packard started their research in a garage nearby Palo Alto and developed an audio oscillator Model 200A and it was purchased by Walt Disney. The company name was finalized with a coin toss whether it should call as Hewlett-Packard (HP) or Packard-Hewlett. The garage they worked earlier is now called as “Birthplace of Silicon Valley”.</ul>
<img src="https://gumlet.assettype.com/swarajya%2F2020-08%2Fccad2b3f-50c6-4e70-a975-3a52c5c01197%2FHP.jpg?q=75&auto=format%2Ccompress&w=1200" alt="hp Laptops" width="50%" height="50%">
</section><hr>
<section id="formanduserinteractionsection">
<form action="feedback.js">
<h2>Feedback!</h2>
<label for="fullname">FullName:</label>
<input type="text" name="fullname" id="fullname" placeholder="Enter Your FullName"><br>
<label for="">Do you own any laptops?</label><br>
<input type="radio" name="Checkbox" id="Checkbox">Yes
<input type="radio" name="Checkbox" id="Checkbox">No <br>
<label for="Checkbox">What type of Laptops are you intrested in?</label><br>
<input type="checkbox">Tablet <br>
<input type="checkbox">2-in-1 <br>
<input type="checkbox">Standard laptop <br>
<label for="message">Enter Review:</label><br>
<textarea name="message" id="message" cols="30" rows="10" placeholder="Enter your review here!"></textarea><br>
<button type="submit">
Submit
</button>
</form>
</section><hr>
<section id="tableanddatarepresentation">
<table>
<caption>Comparision between laptops based on the use.</caption>
<thead>
<tr>
<th>Laptops</th>
<th>Creativity</th>
<th>Everyday</th>
<th>Gaming</th>
<th>Stream & Play</th>
<th>High-tech Style</th>
</tr>
</thead>
<tbody align="center">
<tr>
<td>HP Envy x360 13.3</td>
<td>✅</td>
<!-- <td>❌</td> -->
<td>❎</td>
</tr>
<tr>
<td>HP Envy x360 15.6 (Intel)</td>
<td>✅</td>
<!-- <td>❌</td> -->
<td>❎</td>
</tr>
<tr>
<td>HP Pavilion Plus 14 Laptop</td>
<td>✅</td>
<td>✅</td>
<td>✅</td>
</tr>
<tr>
<td>HP Pavilion x360 14</td>
<td>✅</td>
<td>✅</td>
</tr>
</tbody>
</table>
</section>
</body>
</html>