API tools faq
paste
Advertisement
AiFardin

HTML Code | Web Design HW 5 (C5 - 01/03/2021) CIT | Aminul Islam

AiFardin
Mar 2nd, 2021
1,389
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 4.36 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>Carrom Board (Class 5 Homework)</title>
  8.     <link rel="stylesheet" href="css/style.css">
  9. </head>
  10. <body>
  11.     <div class="container">
  12.         <div class="frame">
  13.             <div class="board">
  14.                 <div class="board-overlay"></div>
  15.             </div>
  16.    
  17.    
  18.             <div class="hole1 holes"></div>
  19.             <div class="hole2 holes"></div>
  20.             <div class="hole3 holes"></div>
  21.             <div class="hole4 holes"></div>
  22.    
  23.    
  24.             <div class="circle-topleft big-circles">
  25.                 <div class="circle-infill"></div>
  26.             </div>
  27.             <div class="circle-topright big-circles">
  28.                 <div class="circle-infill"></div>
  29.             </div>
  30.             <div class="circle-bottomleft big-circles">
  31.                 <div class="circle-infill"></div>
  32.             </div>
  33.             <div class="circle-bottomright big-circles">
  34.                 <div class="circle-infill"></div>
  35.             </div>
  36.             <div class="circle-lefttop big-circles">
  37.                 <div class="circle-infill"></div>
  38.             </div>
  39.             <div class="circle-leftbottom big-circles">
  40.                 <div class="circle-infill"></div>
  41.             </div>
  42.             <div class="circle-righttop big-circles">
  43.                 <div class="circle-infill"></div>
  44.             </div>
  45.             <div class="circle-rightbottom big-circles">
  46.                 <div class="circle-infill"></div>
  47.             </div>
  48.    
  49.    
  50.             <div class="small-circle1 small-circles"></div>
  51.             <div class="small-circle2 small-circles"></div>
  52.             <div class="small-circle3 small-circles"></div>
  53.             <div class="small-circle4 small-circles"></div>
  54.    
  55.    
  56.             <div class="large-circle"></div>
  57.    
  58.            
  59.             <div class="piece-holder">
  60.                 <div class="piece0 pieces"><div class="piece-overlay1"><div class="piece-overlay2"></div></div></div>
  61.                 <div class="piece1 pieces"><div class="piece-overlay1"><div class="piece-overlay2"></div></div></div>
  62.                 <div class="piece2 pieces"><div class="piece-overlay1"><div class="piece-overlay2"></div></div></div>
  63.                 <div class="piece3 pieces"><div class="piece-overlay1"><div class="piece-overlay2"></div></div></div>
  64.                 <div class="piece4 pieces"><div class="piece-overlay1"><div class="piece-overlay2"></div></div></div>
  65.                 <div class="piece5 pieces"><div class="piece-overlay1"><div class="piece-overlay2"></div></div></div>
  66.                 <div class="piece6 pieces"><div class="piece-overlay1"><div class="piece-overlay2"></div></div></div>
  67.                 <div class="piece7 pieces"><div class="piece-overlay1"><div class="piece-overlay2"></div></div></div>
  68.                 <div class="piece8 pieces"><div class="piece-overlay1"><div class="piece-overlay2"></div></div></div>
  69.                 <div class="piece9 pieces"><div class="piece-overlay1"><div class="piece-overlay2"></div></div></div>
  70.                 <div class="piece10 pieces"><div class="piece-overlay1"><div class="piece-overlay2"></div></div></div>
  71.                 <div class="piece11 pieces"><div class="piece-overlay1"><div class="piece-overlay2"></div></div></div>
  72.                 <div class="piece12 pieces"><div class="piece-overlay1"><div class="piece-overlay2"></div></div></div>
  73.                 <div class="piece13 pieces"><div class="piece-overlay1"><div class="piece-overlay2"></div></div></div>
  74.                 <div class="piece14 pieces"><div class="piece-overlay1"><div class="piece-overlay2"></div></div></div>
  75.                 <div class="piece15 pieces"><div class="piece-overlay1"><div class="piece-overlay2"></div></div></div>
  76.                 <div class="piece16 pieces"><div class="piece-overlay1"><div class="piece-overlay2"></div></div></div>
  77.                 <div class="piece17 pieces"><div class="piece-overlay1"><div class="piece-overlay2"></div></div></div>
  78.                 <div class="piece18 pieces"><div class="piece-overlay1"><div class="piece-overlay2"></div></div></div>
  79.             </div>
  80.    
  81.    
  82.             <div class="shooter"></div>
  83.         </div>
  84.     </div>
  85. </body>
  86. </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!