API tools faq
paste
ArinaRaguzina

Untitled

ArinaRaguzina
Dec 28th, 2018
214
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.29 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta name="viewport" content="width=device-width, initial-scale=1">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  6. <link href="bootstrap4-glyphicons/css/bootstrap-glyphicons.min.css" rel="stylesheet" type="text/css" />
  7. <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
  8. <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
  9. <title></title>
  10. <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
  11. <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
  12. <style type="text/css">
  13. .drophover:hover > .dropdown-menu{
  14. display: block;
  15. margin: 0;
  16. }
  17. .background{
  18. background-color: antiquewhite ;
  19. }
  20. .center-block {
  21. display: block;
  22. margin-left: auto;
  23. margin-right: auto;
  24. }
  25. </style>
  26. <script src='https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>
  27. <script>
  28. MathJax.Hub.Config({ tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
  29. </script>
  30. </head>
  31. <body class="background">
  32. <header class="background">
  33. <nav class="navbar navbar-expand-lg navbar-light bg-light">
  34. <a class="navbar-brand" href="#">P-Пекарня</a>
  35. <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
  36. <span class="navbar-toggler-icon"></span>
  37. </button>
  38. <div class="collapse navbar-collapse" id="navbarNav">
  39. <ul class="navbar-nav">
  40. <li class="nav-item active">
  41. <a class="nav-link" href="task3.html"> Главная <span class="sr-only">(current)</span></a>
  42. </li>
  43. <li class="nav-item dropdown drophover">
  44. <a class="nav-link dropdown-toggle" href="#" role="button" aria-haspopup="true" aria-expanded="false">Task</a>
  45. <div class="dropdown-menu">
  46. <a class="dropdown-item" href=cat.html> Cat </a>
  47. <a class="dropdown-item" href="math.html">Math</a>
  48. <div class="dropdown-divider"></div>
  49. <div class="btn-group dropright drophover">
  50. <a class="dropdown-toggle dropdown-item" style="cursor: pointer;" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  51. Something
  52. </a>
  53. <div class="dropdown-menu">
  54. <a class="dropdown-item" href="#">Something</a>
  55. <a class="dropdown-item" href="#">Something</a>
  56. <a class="dropdown-item" href="#">Something</a>
  57. </div>
  58. </div>
  59. </div>
  60. </li>
  61. <li class="nav-item">
  62. <a class="nav-link" href="cat.html">Кот</a>
  63. </li>
  64. <li class="nav-item">
  65. <a class="nav-link disabled" href="#" data-toggle="modal" data-target="#myModal">Контакты <span class="badge badge-secondary">New</span></a>
  66. </li>
  67. </ul>
  68. </div>
  69. </nav>
  70. <nav aria-label="breadcrumb">
  71. <ol class="breadcrumb">
  72. <li class="breadcrumb-item"><a href="task3.html">Главная</a></li>
  73. <li class="breadcrumb-item active" aria-current="page">Cat</li>
  74. </ol>
  75. </nav>
  76. <div class="modal fade" id="myModal">
  77. <div class="modal-dialog" role="document">
  78. <div class="card border">
  79. <div class="card-header text-black">
  80. Наши контакты
  81. </div>
  82. <div class="card-body">
  83. <p>Зачем вам наши контакты?</p>
  84. <hr>
  85. <button type="button" class="btn btn-secondary" data-dismiss="modal">Точно, спасибо)</button>
  86. </div>
  87. </div>
  88. </div>
  89. </div>
  90.  
  91. </header>
  92. <section class="background" >
  93. <div class="container-fluid">
  94.  
  95.  
  96.  
  97. <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
  98. <ol class="carousel-indicators">
  99. <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
  100. <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
  101. <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
  102. <li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
  103. <li data-target="#carouselExampleIndicators" data-slide-to="4"></li>
  104.  
  105. </ol>
  106. <div class="carousel-inner">
  107. <div class="carousel-item active ">
  108. <img class="d-block w-100" src="4.jpg" alt="" >
  109. </div>
  110. <div class="carousel-item centered-top">
  111. <img class="d-block w-100" src="1.jpg" alt="">
  112. </div>
  113. <div class="carousel-item centered-top">
  114. <img class="d-block w-100" src="2.jpg" alt="">
  115. </div>
  116. <div class="carousel-item centered-top">
  117. <img class="d-block w-100" src="3.jpg" alt="">
  118. </div>
  119. <div class="carousel-item centered-top">
  120. <img class="d-block w-100" src="5.jpg" alt="">
  121. </div>
  122. </div>
  123. <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
  124. <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  125. <span class="sr-only">Previous</span>
  126. </a>
  127. <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
  128. <span class="carousel-control-next-icon" aria-hidden="true"></span>
  129. <span class="sr-only">Next</span>
  130. </a>
  131. </div>
  132. <br>
  133. <hr>
  134. <div >
  135. <div data-toggle="tooltip" data-placement="bottom" title="Чудо-хлеб">
  136. <img width="20%" class="img-responsive center-block w-450" src="6.png" alt="">
  137. </div>
  138. </div>
  139. <hr>
  140. <br>
  141. <div class="container-fluid">
  142. <div class="row">
  143. <div class="col-md-4 col-xl-3">
  144. <div id="accordion">
  145. <br>
  146. <div class="card">
  147. <div class="card-header" id="headingOne">
  148. <h5 class="mb-0">
  149. <button class="btn btn-link" data-toggle="collapse" data-target="#SiteMap" aria-expanded="true" aria-controls="SiteMap">
  150. Навигация
  151. </button>
  152. </h5>
  153. </div>
  154. <div id="SiteMap" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
  155. <div class="card-body">
  156. <a href="task3.html">Main</a>
  157. <ul>
  158. <li>
  159. <p>Task</p>
  160. <ul>
  161. <li> <a href="cat.html">Cat</a></li>
  162. <li><a href="math.html">Math</a></li>
  163. </ul>
  164. </li>
  165. <li><a href="#" data-toggle="modal" data-target="#myModal">Контакты</a></li>
  166. </ul>
  167. </div>
  168. </div>
  169. </div>
  170. <div class="card">
  171. <div class="card-header" id="headingTwo">
  172. <h5 class="mb-0">
  173. <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#Contacts" aria-expanded="false" aria-controls="Contacts">
  174. Контакты автора
  175. </button>
  176. </h5>
  177. </div>
  178. <div id="Contacts" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
  179. <div class="card-body">
  180. <ul>
  181. <li><a href="https://vk.com/araguzina">Вконтакте</a></li>
  182.  
  183. <li><a href="mailto:[email protected]">Почта</a></li>
  184. </ul>
  185. </div>
  186. </div>
  187. </div>
  188. <div class="card">
  189. <div class="card-header" id="headingThree">
  190. <h5 class="mb-0">
  191. <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
  192. Отправить сообщение
  193. </button>
  194. </h5>
  195. </div>
  196. <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
  197. <div class="card-body">
  198. <form target="_self" method="GET">
  199. <div class="form-group">
  200. <input name="name" class="form-control form-control-lg" type="text" placeholder="Ваше имя">
  201. </div>
  202. <div class="form-group">
  203. <label for="emailFormInput1">Ваш почтовый адрес</label>
  204. <input name="email" type="email" class="form-control" id="emailFormInput1" placeholder="[email protected]">
  205. </div>
  206. <div class="form-group">
  207. <label for="textFormInput1">Сообщение</label>
  208. <textarea name="text" class="form-control" id="textFormInput1" rows="3"></textarea>
  209. </div>
  210. <div class="form-group">
  211. <input name="submit" type="submit" class="form-control" id="emailFormInput1" value="Отправить">
  212. </div>
  213. </form>
  214. </div>
  215. </div>
  216. </div>
  217. </div>
  218. </div>
  219. <svg width="198" height="188"
  220. viewBox=" 0 198 188"
  221. version="1.1"
  222. baseProfile="full"
  223. xmlns="http://www.w3.org/2000/svg"
  224. xmlns:xlink="http://www.w3.org/1999/xlink"
  225. xmlns:ev="http://www.w3.org/2001/xml-events">
  226. <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="even-odd">
  227.  
  228. <polygon stroke="#979797" stroke-width="3" fill="#D3D3D3"
  229. points="20 20 30 90 90 29 "></polygon>
  230. <polygon stroke="#979797" stroke-width="3" fill="#D3D3D3"
  231. points="190 20 170 90 90 30 "></polygon>
  232. <circle cx="100px" cy="100px" r="80px" stroke="#979797" stroke-width="3" fill="#D3D3D3" />
  233. <polygon stroke="#979797" stroke-width="2" fill="#FFC0CB"
  234. points="100 125 90 110 110 110 "></polygon>
  235. <circle cx="130px" cy="80px" r="15px" stroke="#979797" stroke-width="2" fill="#fff" />
  236. <circle cx="70px" cy="80px" r="15px" stroke="#979797" stroke-width="2" fill="#fff" />
  237. <circle cx="130px" cy="80px" r="5px" stroke="#979797" stroke-width="2" fill="#000" />
  238. <circle cx="70px" cy="80px" r="5px" stroke="#979797" stroke-width="2" fill="#000" />
  239. <polygon stroke="#000000" stroke-width="3" fill="#FFC0CB"
  240. points="100 123 100 140"></polygon>
  241. </g>
  242. </svg>
  243. </div>
  244. </div>
  245. </div>
  246. </section>
  247. <div class="container-fluid background" ><br></div>
  248. </body>
  249. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!