API tools faq
paste
Advertisement
Skufler

Untitled

Skufler
Feb 15th, 2017
101
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.59 KB | None | 0 0
raw download clone embed print report
  1. @{
  2. Layout = null;
  3. }
  4. <!DOCTYPE html>
  5.  
  6. <html>
  7. <!-- Links -->
  8. <head>
  9.  
  10. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
  11. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
  12. <link href="https://fonts.googleapis.com/css?family=Open+Sans|Roboto" rel="stylesheet">
  13. <link href="~/Content/CSS/MainPageStyle.css" type="text/css" rel="stylesheet" />
  14. <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css">
  15. <script>
  16. $(document).ready(function () {
  17. $("#LogIn").click(function () {
  18. $('#myModal').modal('show');
  19. });
  20. });
  21. </script>
  22. <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
  23. <script src="http://code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
  24. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  25. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
  26. <meta charset="UTF-8">
  27. <meta name="viewport" content="width=device-width"/>
  28. <title>Магазин</title>
  29. </head>
  30. <body>
  31. <!-- Menu -->
  32. <nav class="navbar navbar-default navbar-fixed-top">
  33. <div class="container-fluid">
  34. <div class="navbar-header">
  35. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
  36. <span class="sr-only">Toggle navigation</span>
  37. <span class="icon-bar"></span>
  38. <span class="icon-bar"></span>
  39. <span class="icon-bar"></span>
  40. </button>
  41. <a class="navbar-brand" href="#">Shop Name</a>
  42. </div>
  43. <!-- Collect the nav links, forms, and other content for toggling -->
  44. <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  45. <ul class="nav navbar-nav">
  46. <li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li>
  47. <li><a href="#">Link</a></li>
  48. <li class="dropdown">
  49. <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
  50. <ul class="dropdown-menu">
  51. <li><a href="#">Action</a></li>
  52. <li><a href="#">Another action</a></li>
  53. <li><a href="#">Something else here</a></li>
  54. <li role="separator" class="divider"></li>
  55. <li><a href="#">Разделённая ссылка</a></li>
  56. <li role="separator" class="divider"></li>
  57. <li><a href="#">Вставить что-то</a></li>
  58. </ul>
  59. </li>
  60. </ul>
  61. <form class="navbar-form navbar-left">
  62. <div class="form-group">
  63. <input type="text" class="form-control" placeholder="Search">
  64. </div>
  65. <button type="submit" class="btn btn-default">Подтвердить</button>
  66. </form>
  67. <form class="navbar-form navbar-right">
  68. <button type="submit" class="btn btn-default" id="LogIn">Войти</button> <!---->
  69. </form>
  70. </div><!-- /.navbar-collapse -->
  71. </div><!-- /.container-fluid -->
  72. </nav>
  73. <!-- Tabs -->
  74. <div class="content">
  75. <div class="container">
  76. @{ int i = 0; }
  77. @foreach (var obj in ViewBag.Items)
  78. {
  79. if (i % 2 == 1)
  80. {
  81. <div class="col-md-6 col-lg-6 col-xs-12">
  82. <div class="panel panel-default">
  83. <div class="panel-heading">
  84. <h2>@obj.Name</h2>
  85. </div>
  86. <div class="panel-body">
  87. <p>@obj.Description</p>
  88. <br />
  89. <b>Author: </b>
  90. <h2>@obj.Author</h2>
  91. <br />
  92. <b>Cost: </b>
  93. <h2>@obj.Price</h2>
  94. <a href="Buy/@obj.Id" class="purchase-ref">Купить</a>
  95. </div>
  96. </div>
  97. </div>
  98. }
  99. if (i % 2 == 0)
  100. {
  101. <div class="col-md-6 col-lg-6 col-xs-12">
  102. <div class="panel panel-default">
  103. <div class="panel-heading">
  104. <h2>@obj.Name</h2>
  105. </div>
  106. <div class="panel-body">
  107. <p>@obj.Description</p>
  108. <br />
  109. <b>Author: </b>
  110. <h2>@obj.Author</h2>
  111. <br />
  112. <b>Cost: </b>
  113. <h2>@obj.Price</h2>
  114. <a href="Buy/@obj.Id" class="purchase-ref">Купить</a>
  115. </div>
  116. </div>
  117. </div>
  118. }
  119. i++;
  120. }
  121. </div>
  122. </div>
  123. <!-- Dialog -->
  124. <div id="myModal" class="modal fade">
  125. <div class="modal-dialog">
  126. <div class="modal-content">
  127. <div class="modal-header">
  128. <button class="close" type="button" data-dismiss="modal">×</button>
  129. <div>
  130. <ul class="nav nav-tabs nav-justified">
  131. <li class="active">
  132. <a data-toggle="tab" href="#sectionA">Вход</a>
  133. </li>
  134. <li>
  135. <a data-toggle="tab" href="#sectionB">Регистрация</a>
  136. </li>
  137. </ul>
  138. </div>
  139. <div class="tab-content">
  140. <div id="sectionA" class="tab-pane fade in active">
  141. <div class="innter-form">
  142. <form class="sa-innate-form" method="post"></form>
  143. </div>
  144. <div class="social-login">
  145. <div class="clearfix">
  146. <br>
  147. <div class="input-group">
  148. <span class="input-group-addon">Имя пользователя:</span>
  149. <input name="username" id="username" type="text" class="form-control">
  150. </div>
  151. <br>
  152. <div class="input-group">
  153. <span class="input-group-addon">Пароль:</span>
  154. <input type="password" class="form-control" id="inputPassword">
  155. </div>
  156. <br>
  157. <div class="form-group">
  158. <button type="button" class="btn btn-primary btn-lg shar btn-block login-button">Войти</button>
  159. </div>
  160. </div>
  161. </div>
  162. <div class="clearfix"></div>
  163. </div>
  164. <div id="sectionB" class="tab-pane fade">
  165. <div class="innter-form">
  166. <div class="social-login">
  167. <div class="modal-body">
  168. <div class="input-group">
  169. <span class="input-group-addon">Имя:</span>
  170. <input id="name" type="text" class="form-control" name="msg">
  171. </div>
  172. <br />
  173. <div class="input-group">
  174. <span class="input-group-addon">Фамилия:</span>
  175. <input id="name" type="text" class="form-control" name="msg">
  176. </div>
  177. <br />
  178. <div class="input-group">
  179. <span class="input-group-addon">E-mail:</span>
  180. <input class="form-control" type="email" id="example-email-input">
  181. </div>
  182. <br />
  183. <div class="input-group">
  184. <span class="input-group-addon">Телефон:</span>
  185. <input class="form-control" type="tel" id="example-tel-input">
  186. </div>
  187. <br />
  188. <div class="input-group">
  189. <span class="input-group-addon">Имя пользователя:</span>
  190. <input name="username" id="username" type="text" class="form-control">
  191. </div>
  192. <br />
  193. <div class="input-group">
  194. <span class="input-group-addon">Пароль:</span>
  195. <input type="password" class="form-control" id="inputPassword">
  196. </div>
  197. <br />
  198. <div class="form-group ">
  199. <button type="button" class="btn btn-primary btn-block login-button btn-lg shar">Зарегестрироваться</button>
  200. </div>
  201. </div>
  202. </div>
  203. </div>
  204. <div class="container">
  205. </div>
  206. </div>
  207. </div>
  208. <h4 class="text-left">Войти с помощью:</h4>
  209. <div class="col-md-12">
  210. <ul class="social-network social-circle">
  211. <li>
  212. <a href="#" class="icoFacebook" title="Facebook"><i class="fa fa-facebook"></i></a>
  213. </li>
  214. <li>
  215. <a href="#" class="icoTwitter" title="Twitter"><i class="fa fa-twitter"></i></a>
  216. </li>
  217. <li>
  218. <a href="#" class="icoGoogle" title="Google +"><i class="fa fa-google-plus"></i></a>
  219. </li>
  220. </ul>
  221. </div>
  222. </div>
  223. </div>
  224. </div>
  225. </div>
  226. </body>
  227. </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!