API tools faq
paste
Advertisement
thotfrnk

final project gallery.html

thotfrnk
Jan 13th, 2023
54
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.26 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <html lang="en-US">
  4.  
  5.      <head>
  6.           <title>Gallery</title>
  7.           <meta charset="utf-8">
  8.           <link href="../css/style.css" rel="stylesheet" type="text/css">
  9.           <link rel="icon" type="image/png" sizes="32x32" href="../pics/favicon-32x32.png">
  10.      </head>
  11.      
  12.      <body class="box">
  13.            <!--Header-->
  14.               <div id="header">
  15.                 <header>
  16.                  
  17.                   <!--Navigation bar-->
  18.                  
  19.                   <div>
  20.                      <nav>
  21.                         <ul>
  22.                            <li><a href="../index.html">Home</a></li>
  23.                            <li><a href="Services.html">Services</a></li>
  24.                            <li><a href="Gallery.html">Gallery</a></li>
  25.                            <li><a href="Contact.html">Contact</a></li>
  26.                            <li><div id="login"><a href="login.html">Login</a></div></li>
  27.                            <li><div id="signup"><a href="signup.html">Sign Up</a></div></li>
  28.                         </ul>
  29.                      </nav>
  30.                   </div>
  31.                  </header>
  32.               </div> <!--End of header-->
  33.              
  34.               <!--Banner-->
  35.               <div class="banner"><img src="../pics/subcool_ac.jpg" alt="A longer version of Subcool AC Services' logo." width="1070" height="350" title="Subcool AC"></div>
  36.            
  37.            <div class="container">
  38.            
  39.            <div><h1>Gallery</h1></div>
  40.            
  41.            <!--Base HTML code taken from: https://www.w3schools.com/css/tryit.asp?filename=trycss_image_gallery-->
  42.            
  43.            <!--1-->
  44.            <div class="gallery">
  45.            
  46.             <img src="../pics/ac1.jpg" alt="A sleek living room with an AC unit installed." width="450" height="300" title="Living Room">
  47.    
  48.             <div class="desc">Living Room AC Installation</div>
  49.           </div>
  50.          
  51.           <!--2-->
  52.           <div class="gallery">
  53.            
  54.             <img src="../pics/ac2.jpg" alt="Bedroom with AC unit installed." width="450" height="300" title="Bedroom">
  55.    
  56.             <div class="desc">Bedroom AC Installation</div>
  57.           </div>
  58.          
  59.           <!--3-->
  60.           <div class="gallery">
  61.            
  62.             <img src="../pics/ac3.jpg" alt="Kitchen/Dining area with AC unit installed." width="450" height="300" title="Kitchen">
  63.    
  64.             <div class="desc">Kitchen AC Installation</div>
  65.           </div>
  66.          
  67.           <!--4-->
  68.           <div class="gallery">
  69.            
  70.             <img src="../pics/ac4.jpg" alt="Dining room with AC unit installed." width="450" height="300" title="Dining Room">
  71.    
  72.             <div class="desc">Dining Area AC Installation</div>
  73.           </div>
  74.          
  75.           <!--5-->
  76.           <div class="gallery">
  77.            
  78.             <img src="../pics/ac5.jpg" alt="Apartment complex with multiple AC units installed." width="450" height="300" title="Apartment Complex">
  79.    
  80.             <div class="desc">Apartment Complex with multiple AC Installations</div>
  81.           </div>
  82.          
  83.           <!--6-->
  84.           <div class="gallery">
  85.            
  86.             <img src="../pics/ac6.jpg" alt="An empty room with AC unit installed." width="450" height="300" title="Empty Room">
  87.    
  88.             <div class="desc">Room AC Installation</div>
  89.           </div>
  90.          
  91.           <!--7-->
  92.           <div class="gallery">
  93.            
  94.             <img src="../pics/ac8.jpg" alt="Outside a buliding with AC units installed." width="450" height="300" title="Buliding">
  95.    
  96.             <div class="desc">Buliding AC Installation</div>
  97.           </div>
  98.          
  99.           <!--8-->
  100.           <div class="gallery">
  101.            
  102.             <img src="../pics/acrepair2.jpg" alt="Man at work." width="450" height="300" title="Employee">
  103.    
  104.             <div class="desc">Subcool Employee troubleshooting an AC unit.</div>
  105.           </div>
  106.          
  107.           <!--9-->
  108.           <div class="gallery">
  109.            
  110.             <img src="../pics/acrepair6.jpg" alt="Man at work." width="450" height="300" title="Employee">
  111.    
  112.             <div class="desc">Subcool Employee repairing an AC unit.</div>
  113.           </div>
  114.          
  115.           <!--10-->
  116.           <div class="gallery">
  117.            
  118.             <img src="../pics/acrepair7.jpeg" alt="Man at work." width="450" height="300" title="Employee">
  119.    
  120.             <div class="desc">Subcool Employee doing maintenance on an AC unit.</div>
  121.           </div>
  122.          
  123.           </div>
  124.          
  125.           <br>
  126.          
  127.           <!--Footer-->
  128.           <div id="footer">
  129.               <footer>
  130.                      <p><a href="sitemap.html">Site Map</a></p>
  131.                      <p>&copy; 2022 Subcool AC Services</p>
  132.               </footer>
  133.           </div>
  134.      </body>
  135.      
  136. </html>  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!