Advertisement
Guest User

Untitled

a guest
Oct 25th, 2017
97
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.64 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title> Work </title>
  5. <meta charset="utf-8">
  6. <meta name= "viewport" content="width=device-width, initial-scale=1.0">
  7. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  8. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
  9. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  10. <!-- funksioni ne js --> <script src="functions.js"></script>
  11. <link rel="stylesheet" href="style.css">
  12. </head>
  13. <body>
  14. <div class="container">
  15. <div class="row">
  16. <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
  17. <div class="container-fluid">
  18. <div class="navbar-header">
  19.  
  20. <a class="navbar-brand" href="#"> <img src="conad.jpg" style="width: 60px" > </a>
  21. </div>
  22. <div class="navbar-right">
  23. <button type="button" class="btn btn-link" data-toggle="modal" data-target="#login">Login </button>
  24. |
  25. <button type="button" class="btn btn-link" data-toggle="modal" data-target="#register">Register </button>
  26. <br>
  27.  
  28.  
  29. <div class="right-inner-addon ">
  30. <input type="search" class="form-control glyphicon" placeholder="&#xe003 Search" />
  31. </div>
  32.  
  33. </div>
  34.  
  35.  
  36. </div>
  37. </nav>
  38. </div>
  39. </div>
  40.  
  41. <!-- Modal Login -->
  42. <div id="login" class="modal fade" role="dialog">
  43. <div class="modal-dialog">
  44. <div class="modal-content">
  45. <div class="modal-header">
  46. <button type="button" class="close" data-dismiss="modal">&times;</button>
  47. <h4 class="modal-title"> LOGIN </h4>
  48. </div>
  49. <div class="modal-body">
  50. <div class="container">
  51. <form class="form-horizontal" >
  52. <div class="form-group">
  53. <label class="control-label col-sm-2">Username:</label>
  54. <div class="col-sm-4">
  55. <input type="text" class="form-control" placeholder="Enter username" name="username">
  56. </div>
  57. </div>
  58. <div class="form-group">
  59. <label class="control-label col-sm-2" >Password:</label>
  60. <div class="col-sm-4">
  61. <input type="password" class="form-control" placeholder="Enter password" name="pwd">
  62. </div>
  63. </div>
  64. </form>
  65. </div>
  66. <div class="modal-footer">
  67. <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  68. <button type="submit" class="btn btn-primary" data-dismiss="modal"> Login </button>
  69. </div>
  70. </div>
  71. </div>
  72. </div>
  73. </div>
  74. <!--Modal Register -->
  75. <div id="register" class="modal fade" role="dialog">
  76. <div class="modal-dialog">
  77. <div class="modal-content">
  78. <div class="modal-header">
  79. <button type="button" class="close" data-dismiss="modal">&times;</button>
  80. <h4 class="modal-title"> REGISTER </h4>
  81. </div>
  82. <div class="modal-body">
  83. <div class="container">
  84. <form class="form-horizontal" >
  85. <div class="form-group">
  86. <label class="control-label col-sm-2">Username:</label>
  87. <div class="col-sm-4">
  88. <input type="text" class="form-control" placeholder="Enter username" name="username">
  89. </div>
  90. </div>
  91. <div class="form-group">
  92. <label class="control-label col-sm-2"> Name: </label>
  93. <div class="col-sm-4">
  94. <input type="text" class="form-control" placeholder="Enter your name" name="name">
  95. </div>
  96. </div>
  97. <div class="form-group">
  98. <label class="control-label col-sm-2"> Surname:</label>
  99. <div class="col-sm-4">
  100. <input type="text" class="form-control" placeholder="Enter your surname" name="surname">
  101. </div>
  102. </div>
  103. <div class="form-group">
  104. <label class="control-label col-sm-2" >Password:</label>
  105. <div class="col-sm-4">
  106. <input type="password" class="form-control" placeholder="Enter password" name="pwd">
  107. </div>
  108. </div>
  109. <div class="form-group">
  110. <label class="control-label col-sm-2" > Confirm Password:</label>
  111. <div class="col-sm-4">
  112. <input type="password" class="form-control" placeholder="Confirm password" name="pwd">
  113. </div>
  114. </div>
  115.  
  116. </div>
  117. </form>
  118. </div>
  119. <div class="modal-footer">
  120. <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  121. <button type="submit" class="btn btn-primary" data-dismiss="modal"> Register </button>
  122. </div>
  123. </div>
  124. </div>
  125.  
  126. </div>
  127. </div>
  128. </body>
  129. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement