diff options
| -rw-r--r-- | login.htm | 26 | ||||
| -rw-r--r-- | main.htm | 29 |
2 files changed, 49 insertions, 6 deletions
@@ -9,12 +9,25 @@ <link href="static/wedding.css" rel="stylesheet"> </head> <body> - - <div class="row login"> - <div class="col-md-offset-4 col-md-6"> - <form id = "connection" action="/login/" role="form" - class="form-horizontal" method="post"> - <h4>Login</h4> + <div class="container"> + <div class="row"> + <img class="center-block" src="static/banner1.jpg" alt="banner"> + </div> + <div class="row login"> + <div class="col-md-offset-4 col-md-offset-6"> + <form id = "connection" action="/login/" role="form" + class="form-horizontal" method="post"> + <div class="form-group"> + <label class="radio-inline"> + <input type="radio">English + </label> + <label class="radio-inline"> + <input type="radio">Francais + </label> + <label class="radio-inline"> + <input type="radio">Nasi + </label> + </div> <div class="form-group"> <label for="name" class="col-md-2">Name:</label> <div class="col-md-4"> @@ -36,6 +49,7 @@ </div> </form> + </div> </div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> diff --git a/main.htm b/main.htm new file mode 100644 index 0000000..08da020 --- /dev/null +++ b/main.htm @@ -0,0 +1,29 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <title>I & G wedding</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> + <meta name="viewport" content="width=device-width, initial-scale=1" /> + <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"> + <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet"> + <link href="static/wedding.css" rel="stylesheet"> + </head> + <body> + <div class="container"> + <div class="row"> + <img class="center-block" src="static/banner1.jpg" alt="banner"> + </div> + <div class="col-md-3"> + <ul class="nav nav-pills nav-stacked"> + <li role="presentation" class="active"><a href="#">Home</a></li> + <li role="presentation"><a href="#">Profile</a></li> + <li role="presentation"><a href="#">Messages</a></li> + </ul> + </div> + <div "class-md-6"> + lorem ipsum sic amet + </div> + <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> + <script type="text/javascript" src="/static/wedding.js"></script> + </body> +</html> |