yading@9
|
1 <!DOCTYPE html>
|
yading@9
|
2 <html lang="en">
|
yading@9
|
3 <head>
|
yading@9
|
4 <meta charset="utf-8">
|
yading@9
|
5 <title>BrutalizeMe</title>
|
yading@9
|
6 <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
yading@9
|
7 <meta name="description" content="">
|
yading@9
|
8 <meta name="author" content="">
|
yading@9
|
9
|
yading@9
|
10 <!-- Le styles -->
|
yading@9
|
11 <link href="css/bootstrap.css" rel="stylesheet">
|
yading@9
|
12 <style type="text/css">
|
yading@9
|
13 body {
|
yading@9
|
14 padding-top: 20px;
|
yading@9
|
15 padding-bottom: 40px;
|
yading@9
|
16 }
|
yading@9
|
17
|
yading@9
|
18 /* Custom container */
|
yading@9
|
19 .container-narrow {
|
yading@9
|
20 margin: 0 auto;
|
yading@9
|
21 max-width: 700px;
|
yading@9
|
22 }
|
yading@9
|
23
|
yading@9
|
24 .container-narrow > hr {
|
yading@9
|
25 margin: 30px 0;
|
yading@9
|
26 }
|
yading@9
|
27
|
yading@9
|
28 /* Main marketing message and sign up button */
|
yading@9
|
29 .jumbotron {
|
yading@9
|
30 margin: 60px 0;
|
yading@9
|
31 text-align: center;
|
yading@9
|
32 }
|
yading@9
|
33
|
yading@9
|
34 .jumbotron h1 {
|
yading@9
|
35 font-size: 72px;
|
yading@9
|
36 line-height: 1;
|
yading@9
|
37 }
|
yading@9
|
38
|
yading@9
|
39 .jumbotron .btn {
|
yading@9
|
40 font-size: 21px;
|
yading@9
|
41 padding: 14px 24px;
|
yading@9
|
42 }
|
yading@9
|
43
|
yading@9
|
44 /* Supporting marketing content */
|
yading@9
|
45 .marketing {
|
yading@9
|
46 margin: 60px 0;
|
yading@9
|
47 }
|
yading@9
|
48
|
yading@9
|
49 .marketing p + h4 {
|
yading@9
|
50 margin-top: 28px;
|
yading@9
|
51 }
|
yading@11
|
52 .input {
|
yading@11
|
53 border: 1px solid #006;
|
yading@11
|
54 background: #ffc;
|
yading@11
|
55 }
|
yading@9
|
56 </style>
|
yading@9
|
57 <link href="css/bootstrap-responsive.css" rel="stylesheet">
|
yading@9
|
58
|
yading@9
|
59 <!-- Fav and touch icons -->
|
yading@9
|
60 <link rel="shortcut icon" href="../assets/ico/favicon.ico">
|
yading@9
|
61 <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
|
yading@9
|
62 <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
|
yading@9
|
63 <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
|
yading@9
|
64 <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
|
yading@9
|
65 <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css"/>
|
yading@9
|
66 <link rel="stylesheet" href="css/styles.css"/>
|
yading@9
|
67 <script src="js/jquery.min.js"></script>
|
yading@9
|
68 <script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
|
yading@13
|
69
|
yading@9
|
70 <script type="text/javascript" src="js/main.js"></script>
|
yading@9
|
71 <script type="text/javascript" src="js/infoSongs.js"></script>
|
yading@9
|
72 <script type="text/javascript" src="js/genre.js"></script>
|
yading@9
|
73
|
yading@9
|
74 </head>
|
yading@9
|
75
|
yading@9
|
76 <body>
|
yading@9
|
77 <div id="dz-root"></div>
|
yading@9
|
78 <div class="container-narrow">
|
yading@12
|
79 <img src="banner4.png" alt="some_text">
|
yading@9
|
80 <hr>
|
yading@9
|
81
|
yading@9
|
82 <div class="jumbotron">
|
yading@9
|
83
|
yading@9
|
84 </div>
|
yading@9
|
85 <hr>
|
yading@9
|
86
|
yading@11
|
87 <div style="margin:0 auto;width:75%;text-align:center">
|
yading@11
|
88 <form name="input" action="receiveinput" method="get">
|
yading@11
|
89 <input type="text" name="userinput" /><br />
|
yading@11
|
90 <input type="submit" value="Submit" />
|
yading@11
|
91 </div>
|
yading@11
|
92 <div style="margin:0 auto;width:75%;text-align:center">
|
yading@11
|
93 <form name="input" action="receiveinput" method="get">
|
yading@11
|
94 <input style = font: type="file" name="userinput" /><br />
|
yading@11
|
95 <input type="submit" value="Submit" />
|
yading@11
|
96 </div>
|
yading@11
|
97
|
yading@9
|
98 <hr>
|
yading@9
|
99
|
yading@9
|
100 <div class="footer">
|
yading@9
|
101 <p></p>
|
yading@9
|
102 </div>
|
yading@9
|
103
|
yading@9
|
104 </div>
|
yading@9
|
105 <!-- /container -->
|
yading@9
|
106
|
yading@9
|
107 <!-- Le javascript
|
yading@9
|
108 ================================================== -->
|
yading@9
|
109 <!-- Placed at the end of the document so the pages load faster -->
|
yading@9
|
110
|
yading@9
|
111 <script src="js/bootstrap.js"></script>
|
yading@9
|
112
|
yading@9
|
113
|
yading@9
|
114 </body>
|
yading@9
|
115 </html>
|