Advertisement
makispaiktis

Mixer GUI - HTML

Dec 30th, 2019 (edited)
409
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 1.80 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <htlm>
  3.  
  4.     <!-- HEAD -->
  5.     <head>
  6.         <title>Mixer GUI</title>
  7.         <link href="./style.css" type="text/css" rel="stylesheet">
  8.     </head>
  9.  
  10.     <!-- BODY -->
  11.     <body>
  12.  
  13.         <!-- Navigation Bar-->
  14.         <nav>
  15.             <div class="navLeft" class="container">
  16.                 <a href="https://mixer.com/"><img src="./Mixer_Logo-e1574057513816.jpg" /></a>
  17.                 <h2>Games</h2>
  18.                 <h2>Browse</h2>
  19.                 <h2>Stream on Mixer</h2>
  20.                 <h2>...</h2>
  21.             </div>
  22.             <div class="navRight" class="container">
  23.                 <img  src="./WorldImage.png" />
  24.                 <h2>Sign in</h2>
  25.             </div>
  26.         </nav>
  27.  
  28.         <!-- Section -->
  29.         <section class="section1">
  30.            
  31.             <div class="left">
  32.                 <div class="screen">
  33.                     <!-- Screen Image -->
  34.                     <img src="./screen.png" />
  35.                     <!-- Under Screen Image Info: Photo, title, viewers-->
  36.                     <!-- CONTAINER -->
  37.                     <div class="container">
  38.                         <div class="item">
  39.                             <img src="./2749830.jpg" />
  40.                         </div>    
  41.                         <h1 class="item">Fortnite</h1>
  42.                         <div class="item">
  43.                             <img class="logo"  src="./liveViewersLogo.jpg" />
  44.                         </div>
  45.                         <h1 class="item" id="viewersCounter">8.678</h1>
  46.                     </div>        
  47.                 </div>
  48.                 <div class="streamerInfo"></div>
  49.             </div>
  50.  
  51.             <div class="right">
  52.                 <div class="chat"></div>
  53.             </div>
  54.            
  55.         </section>
  56.  
  57.     </body>
  58.  
  59. </htlm>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement