API tools faq
paste
Advertisement
Guest User

y.html

a guest
Oct 16th, 2018
176
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 6.20 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.   <head>
  5.   <link rel="stylesheet" type="text/css" href="tan.css">
  6. </head>
  7. <title>LP</title>
  8. <meta charset="UTF-8">
  9. <meta name="viewport" content="width=device-width, initial-scale=1">
  10.  
  11.  
  12.  
  13.  
  14. <style>
  15. body {font-family: "Century-Gothic", sans-serif}
  16. <body style{="background-color:#f39c12"}
  17.  
  18. </style>
  19. <body>
  20.  
  21. <!-- Navbar -->
  22. <div class="dropdown1-hover-hide-small">
  23.     <a href="#" class="bar-item-button-padding-large">HOME</a>
  24. <div class="dropdown2-hover-hide-small">
  25.     <a href="#" class="bar-item-button-padding-large-hide-small">SONG HITS</a>
  26. <div class="dropdown3-hover-hide-small">
  27.     <a href="#contact" class="-bar-item-button-padding-large-hide-small">CONTACT</a>
  28.  
  29.       <div class="-dropdown-content-bar-block-card-4">
  30.      
  31.       </div>
  32.     </div>
  33.    
  34.   </div>
  35. </div>
  36.  
  37. <!-- Navbar on small screens (remove the onclick attribute if you want the navbar to always show on top of the content when clicking on the links) -->
  38. <div id="navDemo" class="-bar-block-black-hide-hide-largw-hide-medium-top" style="margin-top:46px"></div>
  39. <!-- Page content -->
  40. <div class="-content" style="max-width:2000px;margin-top:46px">
  41.  
  42.   <!-- The Band Section -->
  43.   <div class="container-content-center-padding-64" style="max-width:800px" id="LP">
  44.     <h1 class="YAWA-wide">LP</h1>
  45.  
  46.     <p class="opacity"><i></i></p>
  47.     <p class="justify"> <h3>Laura Pergolizzi</h3> <p>(born March 18, 1981)[5][2] is an American singer and songwriter who performs under the stage name LP. She has released four albums and one EP. She has written songs for other artists including Cher, Rihanna, the Backstreet Boys, Leona Lewis and Christina Aguilera.</p>
  48.     <div class="row-padding-32">
  49.       <div class=third">
  50.    
  51.         <img src="admin/Documents/Nethania Pedrano/WEB/10.jpg" class="-round-margin-bottom" alt="Random Name" style="width:60%">
  52.       </div>
  53.       <div class="third">
  54.      
  55.         <img src="/w3images/bandmember.jpg" class="-round-margin-bottom" alt="Random Name" style="width:60%">
  56.       </div>
  57.       <div class="third">
  58.    
  59.         <img src="jpg" class="round" alt="Random Name" style="width:60%">
  60.       </div>
  61.     </div>
  62.   </div>
  63.  
  64.   <!-- The Tour Section -->
  65.   <div class="w3-black" id="tour">
  66.     <div class="container-content-padding-64" style="max-width:800px">
  67.       <h2 class="wide-center">TOUR DATES</h2>
  68.       <p class="opacity-center"><i>Tickets are now available!</i></p><br>
  69.  
  70.       <ul class="border-white-text-grey">
  71.         <li class="container-content-center-padding-64">November 20,2018  <span class=tag-red-margin-left">SOLD OUT</span></li>
  72.         <li class="container-content-center-padding-64">December 19,2018 <span class="tag-red-margin-left"></span></li>
  73.         <li class="container-content-center-padding-64">January 15,2019 <span class="badge-right-margin-right">3</span></li>
  74.       </ul>
  75.  
  76.       <div class="row-padding-center-padding-32" style="margin:0 -16px">
  77.         <div class="third-margin-bottom">
  78.           <img src=".jpg" alt="New York" style="width:100%" class="hover-opacity">
  79.           <div class="container-white">
  80.             <p><b>New York</b></p>
  81.             <p class="hover-opacity">Fri 27 Nov 2016</p>
  82.            
  83.             <button class="hover-button-black-margin-bottom" onclick=".('ticketModal').style.display='block'">Buy Tickets</button>
  84.           </div>
  85.         </div>
  86.         <div class="third-margin-bottom">
  87.           <img src="/w3images/paris.jpg" alt="Paris" style="width:100%" class="hover-opacity">
  88.           <div class="container-white">
  89.             <p><b>Paris</b></p>
  90.             <p class="opacity">Sat 28 Nov 2016</p>
  91.             <p>.</p>
  92.             <button class="hover-button-black-margin-bottom" onclick="document.getElementById('ticketModal').style.display='block'">Buy Tickets</button>
  93.           </div>
  94.         </div>
  95.         <div class="third-margin-bottom">
  96.           <img src="/w3images/sanfran.jpg" alt="San Francisco" style="width:100%" class="hover-opacity">
  97.           <div class="container-white">
  98.             <p><b>San Francisco</b></p>
  99.             <p class="opacity">Sun 29 Nov 2016</p>
  100.             <p>.</p>
  101.             <button class="button-black-margin-bottom" onclick="document.getElementById('ticketModal').style.display='block'">Buy Tickets</button>
  102.           </div>
  103.         </div>
  104.       </div>
  105.     </div>
  106.   </div>
  107.  
  108.   <!-- The Contact Section -->
  109.   <div class="hover-button-black-margin-top-container-content-padding-64" style="max-width:800px" id="contact">
  110.     <h2 class="wide-center">CONTACT</h2>
  111.     <p class="opacity-center"><i>Fan?Drop a note!</i></p>
  112.     <div class="row-padding-32">
  113.       <div class="col-m6-large-margin-bottom">
  114.         <i class="fa fa-map-marker" style="width:30px"></i> Chicago, US<br>
  115.         <i class="fa fa-phone" style="width:30px"></i> Phone:09569252556<br>
  116.         <i class="fa fa-envelope" style="width:30px"> </i> Email:Tan000pedrano@gmail.com<br>
  117.       </div>
  118.  
  119.       <div class="col m6">
  120.         <form action="/action_page.php" target="_blank">
  121.           <div class="row-padding" style="margin:0 -16px 8px -16px">
  122.             <div class="half">
  123.               <input class="-input-border" type="text" placeholder="Name" required name="Name">
  124.             </div>
  125.             <div class="half">
  126.               <input class="input-border" type="text" placeholder="Email" required name="Email">
  127.             </div>
  128.           </div>
  129.           <input class="input-border" type="text" placeholder="Message" required name="Message">
  130.           <button class="button-black w3-section w3-right" type="submit">SEND</button>
  131.         </form>
  132.       </div>
  133.     </div>
  134.   </div>
  135.  
  136. <!-- End Page Content -->
  137. </div>
  138. <
  139.  
  140. <!-- Footer -->
  141. <footer class="container-padding-64-center-opacity-light-grey-xlarge">
  142.   <i class="fa fa-facebook-official -hover-opacity"></i>
  143.   <i class="fa fa-instagram -hover-opacity"></i>
  144.   <i class="fa fa-snapchat -hover-opacity"></i>
  145.   <i class="fa fa-pinterest-p -hover-opacity"></i>
  146.   <i class="fa fa-twitter -hover-opacity"></i>
  147.   <i class="fa fa-linkedin -hover-opacity"></i>
  148.   <p class="medium">Created by: <a href="https://www.instagram.com/marynethaniapedrano/">Nethania Pedrano</a></p>
  149. </footer>
  150.  
  151. <script>
  152.  
  153.  
  154.  
  155. </script>
  156.  
  157. </body>
  158. </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!