API tools faq
paste
Advertisement
Guest User

html part

a guest
Sep 21st, 2019
177
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.95 KB | None | 0 0
raw download clone embed print report
  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>
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!