SHARE
TWEET

index.html

a guest Nov 19th, 2019 87 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8" />
  5.         <meta name="viewport" content="width-device-width, initial-scale=1">
  6.         <link rel="stylesheet" href="style3.css" />
  7.         <title>Responsive Image Gallery Using HTML and CSS</title>
  8.     </head>
  9.     <body>
  10.         <h1>Responsive Image Gallery</h1>
  11.         <h2>Using HTML and CSS</h2>
  12.        
  13.         <div class="gallery">
  14.             <div class="image">
  15.                 <a href="/home/andrea/eclipseWEB-workspace/Esempi/ResponsiveImageGalleryHTML-CSS/img/img1.jpg"><img src="/home/andrea/eclipseWEB-workspace/Esempi/ResponsiveImageGalleryHTML-CSS/img/img1.jpg" width="100%" height="100%"></a>
  16.                 <div class="description">Title:</div>
  17.                 <div class="description">Author:</div>
  18.                 <div class="description">Subject:jjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj</div>
  19.             </div>
  20.        
  21.             <div class="image">
  22.                 <a href="/home/andrea/eclipseWEB-workspace/Esempi/ResponsiveImageGalleryHTML-CSS/img/img2.jpg"><img src="/home/andrea/eclipseWEB-workspace/Esempi/ResponsiveImageGalleryHTML-CSS/img/img2.jpg" width="100%" height="100%"></a>
  23.                 <div class="description">Title:</div>
  24.                 <div class="description">Author:</div>
  25.                 <div class="description">Subject:</div>
  26.             </div>
  27.        
  28.             <div class="image">
  29.                 <a href="/home/andrea/eclipseWEB-workspace/Esempi/ResponsiveImageGalleryHTML-CSS/img/img3.jpg"><img src="/home/andrea/eclipseWEB-workspace/Esempi/ResponsiveImageGalleryHTML-CSS/img/img3.jpg" width="100%" height="100%"></a>
  30.                 <div class="description">Title:</div>
  31.                 <div class="description">Author:</div>
  32.                 <div class="description">Subject:</div>
  33.             </div>
  34.        
  35.             <div class="image">
  36.                 <a href="/home/andrea/eclipseWEB-workspace/Esempi/ResponsiveImageGalleryHTML-CSS/img/img4.jpg"><img src="/home/andrea/eclipseWEB-workspace/Esempi/ResponsiveImageGalleryHTML-CSS/img/img4.jpg" width="100%" height="100%"></a>
  37.                 <div class="description">Title:</div>
  38.                 <div class="description">Author:</div>
  39.                 <div class="description">Subject:</div>
  40.             </div>
  41.        
  42.             <div class="image">
  43.                 <a href="/home/andrea/eclipseWEB-workspace/Esempi/ResponsiveImageGalleryHTML-CSS/img/img5.jpg"><img src="/home/andrea/eclipseWEB-workspace/Esempi/ResponsiveImageGalleryHTML-CSS/img/img5.jpg" width="100%" height="100%"></a>
  44.                 <div class="description">Title:</div>
  45.                 <div class="description">Author:</div>
  46.                 <div class="description">Subject:</div>
  47.             </div>
  48.        
  49.             <div class="image">
  50.                 <a href="/home/andrea/eclipseWEB-workspace/Esempi/ResponsiveImageGalleryHTML-CSS/img/img6.jpg"><img src="/home/andrea/eclipseWEB-workspace/Esempi/ResponsiveImageGalleryHTML-CSS/img/img6.jpg" width="100%" height="100%"></a>
  51.                 <div class="description">Title:</div>
  52.                 <div class="description">Author:</div>
  53.                 <div class="description">Subject:</div>
  54.             </div>
  55.        
  56.             <div class="image">
  57.                 <a href="/home/andrea/eclipseWEB-workspace/Esempi/ResponsiveImageGalleryHTML-CSS/img/img7.jpg"><img src="/home/andrea/eclipseWEB-workspace/Esempi/ResponsiveImageGalleryHTML-CSS/img/img7.jpg" width="100%" height="100%"></a>
  58.                 <div class="description">Title:</div>
  59.                 <div class="description">Author:</div>
  60.                 <div class="description">Subject:</div>
  61.             </div>
  62.        
  63.             <div class="image">
  64.                 <a href="/home/andrea/eclipseWEB-workspace/Esempi/ResponsiveImageGalleryHTML-CSS/img/img8.jpg"><img src="/home/andrea/eclipseWEB-workspace/Esempi/ResponsiveImageGalleryHTML-CSS/img/img8.jpg" width="100%" height="100%"></a>
  65.                 <div class="description">Title:</div>
  66.                 <div class="description">Author:</div>
  67.                 <div class="description">Subject:</div>
  68.             </div>
  69.        
  70.             <div class="image">
  71.                 <a href="/home/andrea/eclipseWEB-workspace/Esempi/ResponsiveImageGalleryHTML-CSS/img/img9.jpg"><img src="/home/andrea/eclipseWEB-workspace/Esempi/ResponsiveImageGalleryHTML-CSS/img/img9.jpg" width="100%" height="100%"></a>
  72.                 <div class="description">Title:</div>
  73.                 <div class="description">Author:</div>
  74.                 <div class="description">Subject:</div>
  75.             </div>
  76.         </div>
  77.     </body>
  78. </html>
RAW Paste Data
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
 
Top