API tools faq
paste
Advertisement
Guest User

fefds

a guest
Apr 30th, 2017
91
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.98 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5. <meta charset="UTF-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8. <title>Music-SPA</title>
  9. <link rel="stylesheet" href="./css/style.css">
  10. <link href="css/bootstrap.min.css" rel="stylesheet">
  11. <link rel="stylesheet" href="css/signup.css">
  12. </head>
  13.  
  14. <body>
  15. <!-- NAVIGATION STARS -->
  16. <nav class="navbar navbar-inverse navbar-fixed-top">
  17. <div class="container-fluid">
  18. <div class="navbar-header">
  19. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
  20. <span class="sr-only">TO DO: ADD SOMETHING HERE</span>
  21. <span class="icon-bar"></span>
  22. <span class="icon-bar"></span>
  23. <span class="icon-bar"></span>
  24. </button>
  25. <a class="navbar-brand" href="#/home">HOME</a>
  26. </div>
  27. <div id="navbar" class="navbar-collapse collapse">
  28. <form class="navbar-form navbar-right">
  29. <div class="form-group">
  30. <input id="uername-input" type="text" placeholder="Username" class="form-control">
  31. </div>
  32. <div class="form-group">
  33. <input id="password-input" type="password" placeholder="Password" class="form-control">
  34. </div>
  35. <button id="login" type="submit" class="btn btn-success">
  36. <a id="login-content" href="#/login">Login</a>
  37. </button>
  38. <button id="register" type="submit" class="btn btn-success">
  39. <a id="register-content" href="#/register">Register</a>
  40. </button>
  41. <!-- add id on login and register if you want to make them hide with css -->
  42. <button type="submit" id="logout" class="btn btn-danger">Log out</button>
  43. </form>
  44. </div>
  45. </div>
  46. </nav>
  47. <!-- NAVIGATION ENDS -->
  48. <!-- SEARCH BEGINS -->
  49. <div class="jumbotron">
  50. <div class="container">
  51. <h2 id="header">Welcome, below you can search for you favorite song or artist!</h2>
  52. <div class="input-group">
  53. <input id="search-field" type="text" class="form-control" placeholder="Search">
  54. <div class="input-group-btn">
  55. <button id="search-btn" type="submit" class="btn btn-default"><span class="glyphicon glyphicon-search"></span></button>
  56. </div>
  57. </div>
  58. <div id="main-div" class="background">
  59. <form class="main-content">
  60. <div class="container">
  61. <label><b class='label'>Email:</b></label>
  62. <input id="email" class="reg-form-input-email" type="txt" placeholder="Enter Email" name="email" required>
  63.  
  64. <label><b class='label'>Username:</b></label>
  65. <input id="username" class="reg-form-input-username" type="txt" placeholder="Enter Username" name="username" required>
  66.  
  67. <label><b class='label'>Password:</b></label>
  68. <input id="password" class="reg-form-input-password" type="pass" placeholder="Enter Password" name="psw" required>
  69.  
  70. <label><b class='label'>Repeat Password:</b></label>
  71. <input class="reg-form-input" type="pass" placeholder="Repeat Password" name="psw-repeat" required>
  72.  
  73. <input type="checkbox" checked="checked">
  74. <p class='remember-me'>Remember me</p>
  75. </br>
  76. <input type="checkbox">
  77. <p class='terms-agreement-message'>By creating an account you agree to our <a href="#">Terms & Privacy</a>.</p>
  78.  
  79. <div class="clearfix">
  80. <button type="button" class="cancelbtn btn-imprt">CANCEL</button>
  81. <button id="submit" type="submit" class="signupbtn btn-imprt">SIGN UP</button>
  82. </div>
  83. </div>
  84. </form>
  85. </div>
  86. <p>SOME TEXT HERE MAYBE ? </p>
  87. </div>
  88. </div>
  89. <div id="container" class="container">
  90. <div class="row">
  91. <div class="col-md-4">
  92. <h2 class="centered-text">NAME</h2>
  93. <hr>
  94. <p>VIDEO HERE</p>
  95. <p>VIDEO HERE</p>
  96. <p>VIDEO HERE</p>
  97. <p>VIDEO HERE</p>
  98. <p>VIDEO HERE</p>
  99. </div>
  100. <div class="col-md-4">
  101. <h2 class="centered-text">NAME</h2>
  102. <hr>
  103. <p>VIDEO HERE</p>
  104. <p>VIDEO HERE</p>
  105. <p>VIDEO HERE</p>
  106. <p>VIDEO HERE</p>
  107. <p>VIDEO HERE</p>
  108. </div>
  109. <div class="col-md-4">
  110. <h2 class="centered-text">NAME</h2>
  111. <hr>
  112. <p>VIDEO HERE</p>
  113. <p>VIDEO HERE</p>
  114. <p>VIDEO HERE</p>
  115. <p>VIDEO HERE</p>
  116. <p>VIDEO HERE</p>
  117. </div>
  118. </div>
  119. </div>
  120. <footer>
  121. <p><span class="left">© 2017 developed for Telerik Academy for educational purposes only</span><span class="right">Developed by: name1, name2, name3</span></p>
  122. </footer>
  123. <script src="https://code.jquery.com/jquery-3.2.1.js" integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE=" crossorigin="anonymous">
  124. </script>
  125. <script src="js/bootstrap.min.js"></script>
  126. <script src="js/controllers/search.js"></script>
  127. <script src="js/registration/sign-up-form.js"></script>
  128. </body>
  129.  
  130. </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!