Create HTML 5 file that will display the same output as attached photo. 2- Use H
ID: 3594568 • Letter: C
Question
Create HTML 5 file that will display the same output as attached photo.
2- Use HTML, CSS and Javascript.
3- Use form design and layout to create the same layout and the design as the attached output photo.
4- Use Javascript so that when the user enters “Artists Group” name, for example “Artists Group two” and “Labs Show Date", for example “11/04/2017”. Then, click on the button “Countdown!” The message will display “27 day(s) until artists group two! (Sat Nov 04, 2017). As you see in the output attached photo.
5- A table will follow the form.
6- Finally, the copyright with a mail to part.
Currently Showing Graphic Arts LTD Artists Group: Artists Group two Last Show 11/04/2017 Date: Countdown! 27 day(s) until artists group two! (Sat Nov 04 2017) Artists Group One Curated specifically for creative professional Artists Recently Sold : Patricia Queiruga, Group two Isabel Conde, and Oliwa Bueka. Artists Group three Art. Bring Your Home To Life. Afordable art fair Copyright NYIT ITEC 320 fall 2017Explanation / Answer
Following is the code for a photo gallery
......................................................................
<html>
<head>
<title>Simple Photo Gallery</title>
<style type="text/css">
body {
background: #222;
margin: 0;
}
.thumbnails img {
height: 80px;
border: 4px solid #555;
padding: 1px;
margin: 0 10px 10px 0;
}
.thumbnails img:hover {
border: 4px solid #00ccff;
cursor:pointer;
}
.preview img {
border: 4px solid #444;
padding: 1px;
width: 800px;
}
</style>
</head>
<body>
<div class="gallery" align="center">
<h3>Simple HTML Photo Gallery with JavaScript</h3>
</div>
<div class="thumbnails">
<img name="img1" src="images/img1.jpg" alt="" />
<img name="img2" src="images/img2.jpg" alt="" />
<img name="img3" src="images/img3.jpg" alt="" />
<img name="img4" src="images/img4.jpg" alt="" />
<img name="img5" src="images/img5.jpg" alt="" />
</div>
<div class="preview" align="center">
<img name="preview" src="images/img1.jpg" alt=""/>
</div>
</div> <!-- Close the gallery div -->
</body>
</html>