tmpl/contest_list.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3 <head>
   4   <meta charset="utf-8">
   5   <title>Contests</title>
   6   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   7   <meta name="description" content="">
   8   <meta name="author" content="">
   9
  10         <!--link rel="stylesheet/less" href="less/bootstrap.less" type="text/css" /-->
  11         <!--link rel="stylesheet/less" href="less/responsive.less" type="text/css" /-->
  12         <!--script src="js/less-1.3.3.min.js"></script-->
  13         <!--append ‘#!watch’ to the browser URL, then refresh the page. -->
  14
  15         <link href="css/bootstrap.min.css" rel="stylesheet">
  16         <link href="css/style.css" rel="stylesheet">
  17         <link href="css/custom.css" rel="stylesheet">
  18
  19   <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
  20   <!--[if lt IE 9]>
  21     <script src="js/html5shiv.js"></script>
  22   <![endif]-->
  23
  24   <!-- Fav and touch icons -->
  25   <link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/apple-touch-icon-144-precomposed.png">
  26   <link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/apple-touch-icon-114-precomposed.png">
  27   <link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/apple-touch-icon-72-precomposed.png">
  28   <link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-57-precomposed.png">
  29   <link rel="shortcut icon" href="img/favicon.png">
  30
  31         <script type="text/javascript" src="js/jquery.min.js"></script>
  32         <script type="text/javascript" src="js/bootstrap.min.js"></script>
  33         <script type="text/javascript" src="js/scripts.js"></script>
  34 </head>
  35
  36 <body>
  37 <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
  38                                 <div class="navbar-header">
  39                                          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button> <a class="navbar-brand" href="#"><img src="img/logo-square-tst.png" /></a>
  40                                 </div>
  41
  42                                 <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  43                                         <ul class="nav navbar-nav">
  44                                                 <li>
  45                                                         <a href="#">Problem list</a>
  46                                                 </li>
  47                                                 <li class="dropdown">
  48                                                          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Contests<strong class="caret"></strong></a>
  49                                                         <ul class="dropdown-menu">
  50                                                                 <li class="active">
  51                                                                         <a href="#">Mindcoding Round 1</a>
  52                                                                 </li>
  53                                                                 <li class="divider">
  54                                                                 </li>
  55                                                                 <li>
  56                                                                         <a href="#">Mindcoding Round 2</a>
  57                                                                 </li>
  58                                                                 </li>
  59                                                                 <li>
  60                                                                         <a href="#">Test contest</a>
  61                                                                 </li>
  62                                                                 <li class="divider"></li>
  63                                                                 <li> <a href="#">View all</a>
  64                                                         </ul>
  65                                                 </li>
  66                                                 <li>
  67                                                         <a href="#">About</a>
  68                                                 </li>
  69                                         </ul>
  70
  71                                         <ul class="nav navbar-nav navbar-right">
  72                                                 <li>
  73                                                         <a href="#">Monitor</a>
  74                                                 </li>
  75                                                 <li class="dropdown">
  76                                                          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Username<strong class="caret"></strong></a>
  77                                                         <ul class="dropdown-menu">
  78                                                                 <li>
  79                                                                         <a href="#">Profile</a>
  80                                                                 </li>
  81                                                                 <li>
  82                                                                         <a href="#">Edit info</a>
  83                                                                 </li>
  84                                                                 <li>
  85                                                                         <a href="#">Update profile</a>
  86                                                                 </li>
  87                                                                 <li class="divider">
  88                                                                 </li>
  89                                                                 <li>
  90                                                                         <a href="#">Log out</a>
  91                                                                 </li>
  92                                                         </ul>
  93                                                 </li>
  94                                         </ul>
  95                                 </div>
  96
  97                         </nav>
  98 <div class="container">
  99         <div class="row clearfix">
 100                 <div class="col-md-12 column">
 101
 102                         <div id="spacer"> </div><div id="spacer"> </div>
 103                         <center><img src="img/logo-complet.png"></center>
 104                         <div id="spacer"> </div>
 105                         <div class="row clearfix">
 106                                 <div class="col-md-12 column">
 107                                         <div class="well">
 108                                                 <h2>
 109                                                         Running contests
 110                                                 </h2>
 111                                                 <p>
 112                                                 <table class="table">
 113                                                         <thead>
 114                                                                 <tr> <th> Name </th> <th> Start Time </th> <th> End Time </th> <th> Official Partner </th> </tr>
 115                                                         </thead>
 116                                                         <tbody>
 117                                                                 <tr class="success"> <td> Mindcoding Round 1 </td> <td> 30/01/2014 19:00</td> <td> 01/04/2012 </td> <td> HP </td> </tr>
 118
 119                                                         </tbody>
 120                                                 </table>
 121                                                 </p>
 122                                         </div>
 123                                         <div class="well">
 124                                                 <h2>
 125                                                         Upcoming contests
 126                                                 </h2>
 127                                                 <p>
 128                                                 <table class="table">
 129                                                         <thead>
 130                                                                 <tr> <th> Name </th> <th> Start Time </th> <th> End Date </th> <th> Official Partner </th> </tr>
 131                                                         </thead>
 132                                                         <tbody>
 133                                                                 <tr class="active"> <td> Mindcoding Round 1 </td> <td> 30/01/2014 19:00</td> <td> 01/04/2012 </td> <td> HP </td> </tr>
 134                                                                 <tr class="active"> <td> Mindcoding Round 2 </td> <td> 30/01/2014 19:00</td> <td> 01/04/2012 </td> <td> HP </td> </tr>
 135                                                                 <tr class="active"> <td> Mindcoding Round 3 </td> <td> 30/01/2014 19:00</td> <td> 01/04/2012 </td> <td> HP </td> </tr>
 136
 137                                                         </tbody>
 138                                                 </table>
 139                                                 </p>
 140                                         </div>
 141                                         <div class="well">
 142                                                 <h2>
 143                                                         Past contests
 144                                                 </h2>
 145                                                 <p>
 146                                                 <table class="table">
 147                                                         <thead>
 148                                                                 <tr> <th> Name </th> <th> Start Time </th> <th> End Date </th> <th> Official Partner </th> </tr>
 149                                                         </thead>
 150                                                         <tbody>
 151                                                                 <tr> <td> Mindcoding Round 1 </td> <td> 30/01/2014 19:00</td> <td> 01/04/2012 </td> <td> HP </td> </tr>
 152                                                                 <tr> <td> Mindcoding Round 2 </td> <td> 30/01/2014 19:00</td> <td> 01/04/2012 </td> <td> HP </td> </tr>
 153                                                                 <tr> <td> Mindcoding Round 3 </td> <td> 30/01/2014 19:00</td> <td> 01/04/2012 </td> <td> HP </td> </tr>
 154
 155                                                         </tbody>
 156                                                 </table>
 157                                                 </p>
 158                                         </div>
 159                                 </div>
 160                         </div>
 161                 </div>
 162         </div>
 163         <div class="row clearfix">
 164                 <div class="col-md-4 column">
 165                         <h2>
 166                                 UBB
 167                         </h2>
 168                         <p>
 169                                 Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
 170                         </p>
 171                         <p>
 172                                 <a class="btn" href="#">View details »</a>
 173                         </p>
 174                 </div>
 175                 <div class="col-md-4 column">
 176                         <h2>
 177                                 Hermes
 178                         </h2>
 179                         <p>
 180                                 Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
 181                         </p>
 182                         <p>
 183                                 <a class="btn" href="#">View details »</a>
 184                         </p>
 185                 </div>
 186                 <div class="col-md-4 column">
 187                         <h2>
 188                                 Facebook
 189                         </h2>
 190                         <p>
 191                                 Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
 192                         </p>
 193                         <p>
 194                                 <a class="btn" href="#">View details »</a>
 195                         </p>
 196                 </div>
 197         </div>
 198         <div class="row clearfix">
 199                 <div class="col-md-12 column">
 200                         <center> <h3>
 201                                 Partners
 202                         </h3>
 203                         <p>
 204                                 Lorem ipsum dolor sit amet, <strong>consectetur adipiscing elit</strong>. Aliquam eget sapien sapien. Curabitur in metus urna. In hac habitasse platea dictumst. Phasellus eu sem sapien, sed vestibulum velit. Nam purus nibh, lacinia non faucibus et, pharetra in dolor. Sed iaculis posuere diam ut cursus. <em>Morbi commodo sodales nisi id sodales. Proin consectetur, nisi id commodo imperdiet, metus nunc consequat lectus, id bibendum diam velit et dui.</em> Proin massa magna, vulputate nec bibendum nec, posuere nec lacus. <small>Aliquam mi erat, aliquam vel luctus eu, pharetra quis elit. Nulla euismod ultrices massa, et feugiat ipsum consequat eu.</small>
 205                         </p>
 206                         </center>
 207                 </div>
 208         </div>
 209 </div>
 210 </body>
 211 </html>