-
Notifications
You must be signed in to change notification settings - Fork 0
/
Homework1.html
110 lines (107 loc) · 7.39 KB
/
Homework1.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="Homework1.css">
<script src="Homework1.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>King Gizzard Landing Page</title>
</head>
<body>
<header>
<h1>King Gizzard & The Lizard Wizard</h1>
<h2>'Nonagon Infinity Open The Door !!'</h2>
</header>
<nav class="navigation">
<ul>
<li><a href="#section1">Flying Microtonal Banana🍌</a></li>
<li><a href="#section2">I'm in Your Mind Fuzz🧠</a></li>
<li><a href="#section3">Gallery of the Lizard🦎</a></li>
<li><a href="#section4">The Web Technology🌐</a></li>
</ul>
</nav>
<div class="container">
<div class="sidebar">
<img src="https://yt3.googleusercontent.com/ytc/APkrFKbGePNNnvqyU5flmYdY7bn6H-1reEO4BIX4Hcix=s176-c-k-c0x00ffffff-no-rj">
<ul>
<h3>FULL NAME :</h3>
<li>Stuart Mackenzie</li>
<h3>JOB TITLE :</h3>
<li>Leader: Composer, Singer & Guitarist</li>
<h3>FIND ME ON :</h3>
<a href="https://www.instagram.com/kinggizzard" target="_blank">
<img class = "logo_insta" src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Ftse1.mm.bing.net%2Fth%3Fid%3DOIP.bnhX5XTClXrTs9WZM_LUaQHaHZ%26pid%3DApi&f=1&ipt=b1989c67db2cc8dea8a3bf3dff22575cf9d33890e43a9a0c8727a14ce6c819fb&ipo=imagesg" alt="Instagram">
</a>
<a href="https://x.com/kinggizzard?s=20" target="_blank">
<img class = "logo_twitter" src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2F2.bp.blogspot.com%2F-908osPUgASc%2FWNVMrGmuxKI%2FAAAAAAAADBM%2FfXGg2ZZfpCIRw2tjuKIQwVFN5NwHoUSGACK4B%2Fs1600%2FTwitter_bird_logo_2012.svg.png&f=1&nofb=1&ipt=ca391616b73bf0e7ff6e3f03057f596b39ff82d39439f9c3937b7e7a2ff0b244&ipo=images" alt="Twitter">
</a>
</ul>
</div>
<div class="main-content">
<section id="section1">
<h2>Flying Microtonal Banana🍌</h2>
<p>Flying Microtonal Banana’s lacks the pop chutzpah of its predecessors, but its experimental flair and tight grooves elevate King Gizzard and the Lizard Wizard to cult-like status.</p>
<img class = "flying" src ="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fimages-na.ssl-images-amazon.com%2Fimages%2FI%2F81Sj5u9WBmL._SL1200_.jpg&f=1&nofb=1&ipt=62f91e51c25f7598e830b4b8a0981e70156a49c200dc6404b42cdcba8d636404&ipo=images">
</section>
<section id="section2">
<h2>I'm in Your Mind Fuzz🧠</h2>
<p>A perfect balance between face melting freak outs and laid back funky stoner grooves.</p>
<img class ="im" src = "https://external-content.duckduckgo.com/iu/?u=http%3A%2F%2Fcdn2.thelineofbestfit.com%2Fmedia%2F2014%2FKing_Gizzard__The_Lizard_Wizard_-_In_Your_Mind_Fuzz.jpg&f=1&nofb=1&ipt=cc4e9f7343612096e811d065c191b65d52e84826bf8ab554d46b74e882d6025f&ipo=images">
</section>
<section id="section3">
<h2>Gallery of the Lizard🦎!</h2>
<div class="gallery">
<div class="gallery-item">
<h2>Cook Craig, the guitarist</h2>
<img class="circle" src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fwww.nme.com%2Fwp-content%2Fuploads%2F2021%2F10%2FCook-Craig-of-King-Gizz.jpg&f=1&nofb=1&ipt=497180884b1f6ffc902c174a5ff0214decac0dced472e0a8b19697133b4d08d7&ipo=images" alt="Craig">
<p>Is an australian musician singer and songwriter and is a part of groups King Gizzard & the Lizard Wizard and the Murlocs</p>
</div>
<div class="gallery-item">
<h2>Joey Walker, the lead guitarist</h2>
<img class="circle-image fixed-size" src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fpreview.redd.it%2Fko3w67emypq31.jpg%3Fauto%3Dwebp%26s%3D6396b07915e7280c098092fa2dd7a99988d80dd9&f=1&nofb=1&ipt=3ad88eb6ba5b11105b0ac693b8a50e368ae6ec2383ccf7c93df466c0a4a1ea3a&ipo=images" alt="Walker">
<p>Is an Australian musician, singer, and producer who is best known as being the lead guitarist for the band King Gizzard & the Lizard Wizard</p>
</div>
<div class="gallery-item">
<h2>Kenny-Smith, the harmonicist</h2>
<img class="circle" src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fimages.squarespace-cdn.com%2Fcontent%2Fv1%2F583cfb44c534a59807c09b51%2F1518317280057-K29LK42QEPUGWVZXS4Z5%2FAmbrose%2BKenny-Smith%2Bof%2Bthe%2BMurlocs%2Bshredding%2Bon%2Bharmonica&f=1&nofb=1&ipt=105b0420c6400ea6108b8563d8a37b25a41c3c1a34f483ca7fc05d3333a67dcd&ipo=images" alt="Smith">
<p>Is an Australian singer, songwriter, and harmonica player, known for being a member of bands King Gizzard & The Lizard Wizard and The Murlocs</p>
</div>
</div>
</section>
<section id="section4">
<h2>What is your opinion about web technology, little wizard lizard?🧙🦎</h2>
<form action="/submit" method="post">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required>
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
<label for="web-tech">Favorite Web Technology:</label>
<select id="web-tech" name="web-tech">
<option value="HTML">HTML</option>
<option value="CSS">CSS</option>
<option value="JavaScript">JavaScript</option>
<option value="React">React</option>
<option value="Angular">Angular</option>
<option value="Vue.js">Vue.js</option>
<option value="Node.js">Node.js</option>
</select>
<label for="comments">Comments:</label>
<textarea id="comments" name="comments" rows="4" cols="50"></textarea>
<button type="submit">Submit</button>
</form>
</section>
</div>
<div class="ads content-right">
<h2>Albums</h2>
<img src="https://i.songfishapp.com/kglw/64f13913dcfc1-live_in_chicago_'23.jpg" alt="Ad Image">
<h2>T-Shirts</h2>
<img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fi.etsystatic.com%2F25366033%2Fr%2Fil%2Fff5c61%2F2857968551%2Fil_1588xN.2857968551_rdos.jpg&f=1&nofb=1&ipt=031610a62fa1b6fced7ef9ad91b87ba01ed46e3628c370b6e56b07d875ad633e&ipo=images" alt="Ad Image2">
<h2>Bags</h2>
<img src="https://gizzverse.com/cdn/shop/files/230620_King-Gizzard_MERCH-Hollywood-CA_Credit_Maclay-Heriot_L1400322.jpg?v=1691436287" alt="Ad Image3">
</div>
</div>
<footer class="footer">
© 2023 Your Website Name
</footer>
</body>
</html>