PredictionChallenge/templete.html at master · wutingyehe/PredictionChallenge · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
  <title>SOCIAL MEDIA PREDICTION</title>

  <link rel="stylesheet" href="./dist/css/bootstrap.css">
  <link rel="stylesheet" href="./dist/css/reset.css">
  <link rel="stylesheet" href="./dist/css/style.css">

  <link href="./favicon.ico" rel="Shortcut  Icon" type="images/x-icon">

</head>
<body>
<div class="container wrapper">
  <header>
    <div class="logo column five">
      <img src="./dist/img/logo-black-v.png" alt="SOCIAL MEDIA PREDICTION">
    </div>
    <div class="contact-box">
      <ul>
        <li>
          <img src="./dist/img/icon-reg.png">
          <a data-toggle="modal" data-target="#regModal">REGISTER</a>
        </li>
        <li>
          <img src="./dist/img/icon-mail.png">
          <a href="mailto:social.media.prediction@gmail.com">social.media.prediction@gmail.com</a>
        </li>

      </ul>
    </div>
  </header>
  <!--nav-->
  <div class="navbar-wrapper">
    <nav class="navbar navbar-static-top">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
      </div>
      <div id="navbar" class="navbar-collapse collapse">
        <ul class="nav navbar-nav">
          <li class="active"><a href="index.html">Home</a></li>
          <li><a href="challenge.html">CHALLENGE</a></li>
          <li><a href="leaderboard.html">LEADERBOARD</a></li>
          <li><a href="datasets.html">DATASETS</a></li>
        </ul>
      </div>
    </nav>
  </div>

  <!--content-->
  <div class="content-wrapper">
    <section class="section">
      <h2>OVERVIEW</h2>
      <div class="bold-line"></div>
      <article>
        <p>
          For example, which films will bomb or who will win the upcoming Grammy awards?
          Making predictions about the future in many aspects is not only fun matters but can bring real value to those who correctly predict the course of world events,
          such as which stocks are the best purchases for short-term gains. Predictive analytics is thus a
          field that has attracted major attention in both academia and the industry.
        </p>

      </article>
    </section>

    <section class="section">
      <h2></h2>
      <div class="bold-line"></div>
    </section>
  </div>
</div>

<!--footer-->
<footer>
  <div class="container">
    @SOCIAL MEDIA PREDICTION
  </div>
</footer>

<!--register modal-->
<div class="modal fade" id="regModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-body">
        <img src="./dist/img/reg-modal.png" alt="register">
        <a class="register-btn" href="https://prediction.typeform.com/to/R2OsrO">REGISTER</a>
      </div>
    </div>
  </div>
</div>

<script src="./dist/js/jquery-2.1.4.min.js"></script>
<script src="./dist/js/bootstrap.js"></script>
</body>
</html>