SHARE
TWEET

html part

a guest Sep 21st, 2019 113 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <title> Find friends</title>
  6.  
  7. <!--link to icons -->
  8. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  9.  
  10. <link rel="stylesheet"  type="text/css" href="css/friends1.css">
  11. <script type="text/javascript" src="js/friends1.js"></script>
  12. <link rel="stylesheet" type="text/css" href="css/header.css">
  13.  
  14. </head>  
  15.  
  16. <body>
  17.     <!--this is header part-->
  18.     <header>
  19.             <a href="#default" class="logo">CompanyLogo</a>
  20.             <div class="header-right">
  21.                 <a class="active" href="home.html">Home</a>
  22.                 <a href="contacts.html">Contact</a>
  23.                 <a href="#about">About</a>
  24.             </div>
  25.         </header>
  26.  
  27.         <!--end os the header part-->
  28.  
  29. <div class="search">
  30.     <input type="text" id="validate" placeholder="search friends..">
  31.     <button class="bttn4" onclick="searchfrnd()"><i class="fa fa-search">Search</i></button>
  32. </div>
  33.  
  34.     <center><h1> Add Friends</h1></center>
  35. <div id="wrapper" class="wrapper">
  36.     <div class="items">
  37.         <img src="images/user3.png" class="image" width="100" height="100"><br><br>
  38.         <p class="username"  id="1">User1</p><br>
  39.         <a href="../src3-contacts page/contact.html" ><button class="btn1" ><i class="fa fa-users"></i>Add friends</a></button><br><br>
  40.    
  41.         <a href="#" class="btn2" id="button" ><i class="fa fa-envelope"></i>Send massage</a><br><br>
  42.         <!-- The Modal section -->
  43.         <div class="bg-modal">
  44.             <div class="modal-content">
  45.                 <form method="post">
  46.                     <div class="close">X</div>
  47.                     <input type="text" placeholder="enter email" >
  48.                     <input type="text" placeholder="enter email" >
  49.                     <a href="" class="button">Submit</a>
  50.                 </form>
  51.             </div>
  52.         </div>
  53.    
  54.         <a href="contact.html" ><button class="btn3"><i class="fa fa-edit"></i>View profile</a></button><br>
  55.     </div>
  56.  
  57.  
  58.     <div class="items">
  59.         <img src="images/user3.png" class="image" width="100" height="100"><br><br>
  60.         <p class="username"   id="2">User2</p><br>
  61.         <a href="contacts.html" ><button class="btn1"><i class="fa fa-users"></i>Add friends</button></a><br><br>
  62.         <a href="https://www.google.com/" ><button class="btn2"><i class="fa fa-envelope"></i>Send massage</button></a><br><br>
  63.         <a href="https://www.google.com/" ><button class="btn3"><i class="fa fa-edit"></i>View profile</button></a><br>
  64.     </div>
  65.    
  66.     <div class="items">
  67.         <img src="images/user3.png" class="image" width="100" height="100"><br><br>
  68.         <p class="username" id="3">User3</p><br>
  69.         <a href="contact.html" ><button class="btn1"><i class="fa fa-users"></i>Add friends</a></button><br><br>
  70.         <a href="contact.html" ><button class="btn2"><i class="fa fa-envelope"></i>Send massage</a></button><br><br>
  71.         <a href="contact.html" ><button class="btn3"><i class="fa fa-edit"></i>View profile</a></button><br>
  72.     </div>
  73.    
  74.     <div class="items">
  75.         <img src="images/user3.png" class="image" width="100" height="100"><br><br>
  76.         <p class="username" id="4">User4</p><br>
  77.         <a href="contact.html" ><button class="btn1"><i class="fa fa-users"></i>Add friends</a></button><br><br>
  78.         <a href="contact.html" ><button class="btn2"><i class="fa fa-envelope"></i>Send massage</a></button><br><br>
  79.         <a href="contact.html" ><button class="btn3"><i class="fa fa-edit"></i>View profile</a></button><br>
  80.     </div>
  81.    
  82.     <div class="items">
  83.         <img src="images/user3.png" class="image" width="100" height="100"><br><br>
  84.         <p class="username"  id="5">User5</p><br>
  85.         <a href="contact.html" ><button class="btn1"><i class="fa fa-users"></i>Add friends</a></button><br><br>
  86.         <a href="contact.html" ><button class="btn2"><i class="fa fa-envelope"></i>Send massage</a></button><br><br>
  87.         <a href="contact.html" ><button class="btn3"><i class="fa fa-edit"></i>View profile</a></button><br>
  88.     </div>
  89.    
  90.     <div class="items">
  91.         <img src="images/user3.png" class="image" width="100" height="100"><br><br>
  92.         <p class="username"  id="6">User6</p><br>
  93.         <a href="contact.html" ><button class="btn1"><i class="fa fa-users"></i>Add friends</a></button><br><br>
  94.         <a href="contact.html" ><button class="btn2"><i class="fa fa-envelope"></i>Send massage</a></button><br><br>
  95.         <a href="contact.html" ><button class="btn3"><i class="fa fa-edit"></i>View profile</a></button><br>
  96.     </div>
  97.    
  98.     <div class="items">
  99.         <img src="images/user3.png" class="image" width="100" height="100"><br><br>
  100.         <p class="username"  id="7">User7</p><br>
  101.         <a href="contact.html" ><button class="btn1"><i class="fa fa-users"></i>Add friends</a></button><br><br>
  102.         <a href="contact.html" ><button class="btn2"><i class="fa fa-envelope"></i>Send massage</a></button><br><br>
  103.         <a href="contact.html" ><button class="btn3"><i class="fa fa-edit"></i>View profile</a></button><br>
  104.     </div>
  105.     <div class="items">
  106.         <img src="images/user3.png" class="image" width="100" height="100"><br><br>
  107.         <p class="username"  id="8">User8</p><br>
  108.         <a href="contact.html" ><button class="btn1"><i class="fa fa-users"></i>Add friends</a></button><br><br>
  109.         <a href="contact.html" ><button class="btn2"><i class="fa fa-envelope"></i>Send massage</a></button><br><br>
  110.         <a href="contact.html" ><button class="btn3"><i class="fa fa-edit"></i>View profile</a></button><br>
  111.     </div>
  112.    
  113.     <div class="items">
  114.         <img src="images/user3.png" class="image" width="100" height="100"><br><br>
  115.         <p class="username"  id="9">User9</p><br>
  116.         <a href="contact.html" ><button class="btn1"><i class="fa fa-users"></i>Add friends</a></button><br><br>
  117.         <a href="contact.html" ><button class="btn2"><i class="fa fa-envelope"></i>Send massage</a></button><br><br>
  118.         <a href="contact.html" ><button class="btn3"><i class="fa fa-edit"></i>View profile</a></button><br>
  119.     </div>
  120.    
  121.     <div class="items">
  122.         <img src="images/user3.png" class="image" width="100" height="100"><br><br>
  123.         <p class="username"   id="10">User10</p><br>
  124.         <a href="" ><button class="btn1" onclick="getUserData()"><i class="fa fa-users"></i>Add friends</a></button><br><br>
  125.         <a href="contact.html" ><button class="btn2"><i class="fa fa-envelope"></i>Send massage</a></button><br><br>
  126.         <a href="contact.html" ><button class="btn3"><i class="fa fa-edit"></i>View profile</a></button><br>
  127.     </div>
  128.    
  129. </div>
  130.  
  131. <div id="searchrslts" class="items searchrslts">
  132.     <div id="results" class="results"> </div>
  133.     <br><br>
  134.     <button id="close" onclick="closeRslts()">Close</button>
  135. </div>
  136. <!--this is footer part-->
  137. <footer style="height:fit-content; background-color: #1a1a1a;">
  138.         <div class="footer-container">
  139.             <div class="footer-element">
  140.                 <a href="#">About us</a>
  141.                 <a href="#">Contact us</a>
  142.                 <a href="#">Terms & Conditions</a>
  143.             </div>
  144.  
  145.             <div class="footer-element">
  146.                 <a href="#">Login</a>
  147.                 <a href="#">Registration</a>
  148.             </div>
  149.  
  150.             <div class="logo-footer">
  151.                 <img src="" alt="logo">
  152.             </div>
  153.         </div>
  154.         <center>
  155.             <p style="font-weight: bold; font-size:12px">©2019 copyright chatty Inc.</p>
  156.         </center>
  157.     </footer>
  158.    
  159.         <!--end os the footer part-->
  160.  
  161.  
  162.  
  163. </body>
  164.  
  165.  
  166.  
  167.  
  168.  
  169. </body>
  170. </html>
  171. </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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!
 
Top