8000 Added Bootstrap · code93/trantor-bootcamp@beab93f · GitHub
[go: up one dir, main page]

Skip to content

Commit beab93f

Browse files
committed
Added Bootstrap
Used Modern CSS for the site using bootstrap.
1 parent fbb68c6 commit beab93f

File tree

7 files changed

+69
-34
lines changed

7 files changed

+69
-34
lines changed

Project/Website/data.db

0 Bytes
Binary file not shown.

Project/Website/static/styles.css

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
#bg {
22
background-image: linear-gradient(to right, crimson , navy);
33
padding: 20px;
4+
background-size: cover;
45
}
56

67
body {

Project/Website/templates/Contact.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,11 +2,11 @@
22
{% block Homepage %}
33

44
<div>
5-
<h1 style="color: white;">
5+
<h1 >
66
Contact ME
77
</h1>
88

9-
<p style="color: whitesmoke;">
9+
<p >
1010
Email: shubham.birmi@hotmail.com
1111
</p>
1212
</div>

Project/Website/templates/Homepage.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
{% block Homepage %}
33

44
<div>
5-
<h1 style="color: white;">
5+
<h1 >
66
Homepage
77
</h1>
88
</div>

Project/Website/templates/Login.html

Lines changed: 19 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,26 @@
11
{% extends "layout.html" %}
22
{% block login %}
3-
<form action="" method = "POST">
4-
<p>email <input type = "email" name = "email" /></p>
5-
<p>password <input type = "password" name = "password" /></p>
6-
<p> submit <input type = "submit" value = "Submit" /></p>
3+
4+
<div class="container">
5+
<h2>Login</h2>
6+
<form class="form-horizontal" action="" method = "POST">
7+
8+
<div class="form-group">
9+
10+
<input type = "email" name = "email" placeholder="Email"/>
11+
</div>
12+
<div class="form-group">
13+
14+
<input type = "password" name = "password" placeholder="Email"/>
15+
</div>
16+
<div class="form-group">
17+
<div class="col-sm-offset-2 col-sm-10">
18+
<button type="submit" class="btn btn-default">Submit</button>
19+
</div>
20+
</div>
721
</form>
822

923
<h3>Dont Have an account??</h3>
1024
<h3><a href = "{{url_for('register') }}">Register Here</a></h3>
25+
</div>
1126
{% endblock %}

Project/Website/templates/layout.html

Lines changed: 24 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -2,42 +2,44 @@
22
<html lang="en">
33
<head>
44
<meta name="viewport" content="initial-scale=1, width=device-width">
5-
<link rel="stylesheet" href="../static/styles.css">
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
8+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
9+
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
610
<link rel="icon" href="../static/anonymous logo.jpg" type="image/icon type">
11+
712
<title>Cyberspace Gateway</title>
813
</head>
9-
<div id="bg">
10-
<nav>
11-
<div id="mySidenav" class="sidenav">
12-
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
13-
<a href="Homepage">Homepage</a>
14-
<a href="login">Login</a>
15-
<a href="register">Sign Up</a>
16-
<a href="blogs">Blogs</a>
17-
<a href="Contact">Contact</a>
14+
<div class="container">
15+
<div class="jumbotron text-center">
16+
<nav class="navbar navbar-inverse navbar-fixed-top">
17+
<div class="container-fluid">
18+
<div class="navbar-header">
19+
<a class="navbar-brand" href="#">Cyberspace Gateway</a>
20+
</div>
21+
<ul class="nav navbar-nav">
22+
<li class="active"><a href="#">Home</a></li>
23+
<li><a href="Homepage">Homepage</a></li>
24+
<li> <a href="login">Login</a></li>
25+
<li><a href="register">Sign Up</a></li>
26+
<li><a href="blogs">Blogs</a></li>
27+
<li><a href="Contact">Contact</a></li>
28+
</ul>
1829
</div>
19-
20-
<!-- Use any element to open the sidenav -->
21-
<span onclick="openNav()">open</span>
22-
30+
2331
</nav>
2432
<body>
2533

26-
27-
<header>
28-
<h2>Header</h2>
29-
</header>
3034
{% block Homepage %}{% endblock %}
3135
{% block register %}{% endblock %}
3236
{% block login %}{% endblock %}
3337

3438
{% block body %}{% endblock %}
35-
<footer>
36-
<p>All rights Reserved @2021</p>
37-
</footer>
38-
39+
3940
</body>
4041
</div>
42+
</div>
4143
<script>
4244
function openNav() {
4345
document.getElementById("mySidenav").style.width = "250px";
Lines changed: 22 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,29 @@
11
{% extends "layout.html" %}
22
{% block register %}
3-
<form action="" method = "POST">
4-
<p>email <input type = "email" name = "email" /></p>
5-
<p>Username <input type = "text" name = "username" /></p>
6-
<p>password <input type = "password" name = "password" /></p>
7-
<p> submit <input type = "submit" value = "Submit" /></p>
3+
4+
<div class="container">
5+
<h2>Sign Up</h2>
6+
<form class="form-horizontal" action="" method = "POST">
7+
<div class="form-group">
8+
<input type = "email" name = "email" placeholder="Email" />
9+
</div>
10+
11+
<div class="form-group">
12+
<input type = "text" name = "username" placeholder="Username"/>
13+
</div>
14+
15+
<div class="form-group">
16+
<input type = "password" name = "password" placeholder="Password" />
17+
</div>
18+
<div class="form-group">
19+
<div class="col-sm-offset-2 col-sm-10">
20+
<button type="submit" class="btn btn-default">Submit</button>
21+
</div>
22+
</div>
823
</form>
924

1025
<h3>Already Have an Account?</h3><br>
1126
<h3><a href ="{{url_for('login')}}">Login Here</a></h3>
27+
28+
</div>
1229
{% endblock %}

0 commit comments

Comments
 (0)
0