Advertisement
KillianMills

index.html

Apr 8th, 2016
185
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.22 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.   <title>Moses Translate</title>
  5.   <meta charset="utf-8">
  6.   <meta name="viewport" content="width=device-width, initial-scale=1">
  7.   <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
  8.   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  9.   <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
  10.  
  11.   <link rel="stylesheet" type="text/css" href="css/SMTStyle.css">
  12.   <link rel="stylesheet" type="text/css" href="css/StickyFooter.css">
  13.   <script src="angular/angular.js"></script>
  14.  
  15. </head>
  16. <body>
  17.  
  18. <nav class="navbar navbar-inverse">
  19.   <div class="container-fluid">
  20.     <div class="navbar-header">
  21.       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
  22.         <span class="icon-bar"></span>
  23.         <span class="icon-bar"></span>
  24.         <span class="icon-bar"></span>                        
  25.       </button>
  26.       <a class="navbar-brand" href="#">Logo</a>
  27.     </div>
  28.     <div class="collapse navbar-collapse" id="myNavbar">
  29.       <ul class="nav navbar-nav">
  30.         <li class="active"><a href="#">Home</a></li>
  31.         <li><a href="#">About</a></li>
  32.         <li><a href="#">Contact</a></li>
  33.       </ul>
  34.       <ul class="nav navbar-nav navbar-right">
  35.         <li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
  36.       </ul>
  37.     </div>
  38.   </div>
  39. </nav>
  40.  
  41. <div class="container-fluid text-center">    
  42.   <div class="row content">
  43.     <div class="col-sm-max text-left">
  44.       <!--<h1 style="color:#ecf0f1">Welcome</h1>
  45.      <p style="color:#ecf0f1; background-color: rgba(52, 73, 94, 0.8)">Using Moses to build a Web-based SMT system. In
  46.         the package of Moses, the Mosesserver decoder provides an XML-RPC interface
  47.         to allow a remote access to Moses-based SMT system, so you can avail of this to
  48.         build up a simple website which can accept user's input and return the translation.
  49.      </p>
  50.      <hr>-->
  51.       <h2 style="color:#ecf0f1">Moses Translate</h3>
  52.       <div class="row">
  53.         <div class="col-sm-4">
  54.           <form action="action_page.php">
  55.             <select name="source">
  56.               <option value="english">English</option>
  57.               <option value="french">French</option>
  58.               <option value="spanish">Spanish</option>
  59.              <option value="russian">Russian</option>
  60.             </select>
  61.             <br><br>
  62.           </form>
  63.           <textarea rows="10" cols="50" id ="source"></textarea>
  64.         </div>
  65.         <div class="col-sm-4">
  66.           <form action="action_page.php">
  67.             <select name="translation">
  68.               <option value="english">English</option>
  69.               <option value="french">French</option>
  70.               <option value="spanish">Spanish</option>
  71.              <option value="russian">Russian</option>
  72.             </select>
  73.             <br><br>
  74.           </form>
  75.           <textarea rows="10" cols="50" id ="result"></textarea>
  76.         </div>
  77.       </div>
  78.     </div>
  79.   </div>
  80. </div>
  81.  
  82. <footer class="container-fluid text-center">
  83.   <p>Killian Mills, Mark McCluskey, Sean Gibbons</p>
  84. </footer>
  85.  
  86. </body>
  87. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement