Commit e4d9f3ff authored by JayCay's avatar JayCay

Revised Homepage and Navbar HTML

parent 70e059dd
No preview for this file type
...@@ -5,6 +5,7 @@ ...@@ -5,6 +5,7 @@
<title>Academe</title> <title>Academe</title>
<link rel="stylesheet" type="text/css" href="{% static 'css/main.css' %}"> <link rel="stylesheet" type="text/css" href="{% static 'css/main.css' %}">
<link rel="stylesheet" type="text/css" href="{% static 'css/bootstrap.min.css' %}"> <link rel="stylesheet" type="text/css" href="{% static 'css/bootstrap.min.css' %}">
<link rel="stylesheet" type="text/css" href="123.css">
</head> </head>
<body> <body>
<nav class="navbar navbar-light navbar-toggleable-md bg-faded"> <nav class="navbar navbar-light navbar-toggleable-md bg-faded">
...@@ -23,12 +24,12 @@ ...@@ -23,12 +24,12 @@
<a class="nav-link" href="{% url 'browse' %}">Browse</a> <a class="nav-link" href="{% url 'browse' %}">Browse</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="{% url 'review' %}">Review</a> <a class="nav-link" href="{% url 'review' %}">Create Review</a>
</li> </li>
</ul> </ul>
<form class="form-inline"> <form class="form-inline">
<input type="text" class="form-control" placeholder="Search"> <!--<input type="text" class="form-control" placeholder="Search">
<button class="btn btn-outline-success">Search</button> <button class="btn btn-outline-success">Search</button> -->
<ul class="navbar-nav mr-auto"> <ul class="navbar-nav mr-auto">
{% if user.is_authenticated %} {% if user.is_authenticated %}
<li class="nav-item"> <li class="nav-item">
......
{% load static %} {% extends 'templates/base.html' %}
<!DOCTYPE html> {% block content %}
<html> <h2><center> Welcome to Academe! </center></h2>
<head> <br>
<title> </title> <h3><center> Search for Reviews </center></h3>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous"> <form method="post" action="/search/" style="text-align: center">
<link rel="stylesheet" type="text/css" href="{% static 'css/123.css' %}"> {% csrf_token %}
</head> <div>
<body> <br>
<input type="text" placeholder="Search a course" name="course">
<nav class="navbar navbar-light navbar-toggleable-md fix-top" id="nav"> <input type="text" placeholder="Search a prof" name="prof">
<div class="container"> <br>
<div class="collapse navbar-collapse" id="navbarNav"> </div>
<div>
<button type = "submit" class = "btn btn-primary">Search Course</button>
<div> <button type = "submit" class = "btn btn-primary">Search Prof</button>
<ul class="navbar-nav mr-auto"> </div>
<li class="nav-item"> <!--<div>
<a class="nav-link btn-lg text-primary" id="academe" href="{% url 'homepage' %}">Academe</a> <input type="text" placeholder="Search a prof" name="prof">
</li> <br>
</ul> <input class="btn-primary" id="submitsearch" type="Search Prof" name="">
</div> </div> -->
<br>
<div>
<ul class="navbar-nav"> </form>
<li class="nav-item"> {% endblock %}
<a class="nav-link btn-lg text-primary ml-auto" id="create" href="createrev.html">Create Review</a> \ No newline at end of file
</li>
</ul>
</div>
<form class="form-inline ml-auto">
<input type="text" class="form-control" placeholder="Search...">
<a id="signpage" href="{% url 'signup' %}">Sign Up </a>
<p id="split"> | </p>
<a id="logpage" href="{% url 'login' %}"> Log In </a>
</form>
</div>
</div>
</nav>
<br>
<div>
<p id="welcome"> Welcome to Academe! </p>
<br>
<p id="searchfor"> Search for Reviews </p>
</div>
<br>
<br>
<div>
<form action="/action_page.php">
<div id="course"> Course </div>
<div id="prof"> Professor </div>
<input id="profbox" type="text">
<input id="coursebox" type="text">
<br>
<br>
<input class="btn-primary" id="submitsearch" type="submit" name="">
</form>
</div>
{% block content %}
{% endblock %}
</body>
</html>
\ No newline at end of file
{% load static %} {% extends 'templates/base.html' %}
<!DOCTYPE html>
<html> {% block content %}
<head> <div class="container">
<title></title> <h1 class="text-center logo my-4">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous"> <a href="{% url 'homepage'%}">Academe</a>
<link rel="stylesheet" type="text/css" href="{% static 'css/123.css' %}"> </h1>
</head> <div class="row justify-content-center">
<body> <div class="col-lg-4 col-md-6 col-sm-8">
<div class="">
<!-- NAVBAR WITH FORM --> <div class="card-body">
<h3 class="card-title">Log in</h3>
<nav class="navbar navbar-light navbar-toggleable-md fix-top" id="nav"> <form method="post" novalidate>
<div class="container"> {% csrf_token %}
<div class="collapse navbar-collapse" id="navbarNav"> {% include 'templates/includes/form.html' %}
<button type="submit" class="btn btn-primary btn-block">Log in</button>
</form>
<div> </div>
<ul class="navbar-nav mr-auto"> <div class="card-footer text-muted text-center">
<li class="nav-item"> New to Academe? <a href="{% url 'signup' %}">Sign up</a>
<a class="nav-link btn-lg text-primary" id="academe" href="{% url 'homepage' %}">Academe</a> </div>
</li> </div>
</ul> <div class="text-xenter py-2">
</div> <small>
<a href="#" class="text-muted">Forgot your password?</a>
<div> </small>
<ul class="navbar-nav"> </div>
<li class="nav-item"> </div>
<a class="nav-link btn-lg text-primary ml-auto" id="create" href="createrev.html">Create Review</a> </div>
</li> </div>
</ul> {% endblock %}
</div> \ No newline at end of file
<form class="form-inline ml-auto">
<input type="text" class="form-control" placeholder="Search...">
<a id="signpage" href="{% url 'signup' %}">Sign Up </a>
<p id="split"> | </p>
<a id="logpage" href="{% url 'login' %}"> Log In </a>
</form>
</div>
</div>
</nav>
<br>
<div>
<p>
<div id="sign"> Login </div>
<div>
<form action="/action_page.php">
<div class="signup"> Email Address </div>
<input id="email" type="text" ><br>
<div class="signup"> Password </div>
<input id="pass" type="text" ><br>
<input id="submit" type="submit" ><br>
</form>
</div>
</p>
</div>
{% block content %}
{% endblock %}
</body>
</html>
\ No newline at end of file
{% load static %} {% extends 'templates/base.html' %}
<!DOCTYPE html>
<html> {% block content %}
<head> <div class = "container">
<title></title> <h2>Sign up</h2>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous"> <form method = "post" novalidate>
<link rel="stylesheet" type="text/css" href="{% static 'css/123.css' %}"> {% csrf_token %}
</head> {% include 'templates/includes/form.html' %}
<body> <button type = "submit" class = "btn btn-primary">Create an account</button>
</form>
<!-- NAVBAR WITH FORM --> </div>
{% endblock %}
<nav class="navbar navbar-light navbar-toggleable-md fix-top" id="nav"> \ No newline at end of file
<div class="container">
<div class="collapse navbar-collapse" id="navbarNav">
<div>
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link btn-lg text-primary" id="academe" href="{% url 'homepage' %}">Academe</a>
</li>
</ul>
</div>
<div>
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link btn-lg text-primary ml-auto" id="create" href="createrev.html">Create Review</a>
</li>
</ul>
</div>
<form class="form-inline ml-auto">
<input type="text" class="form-control" placeholder="Search...">
<a id="signpage" href="{% url 'signup' %}">Sign Up </a>
<p id="split"> | </p>
<a id="logpage" href="{% url 'login' %}"> Log In </a>
</form>
</div>
</div>
</nav>
<br>
<div>
<p>
<div id="sign"> Sign Up </div>
<div>
<form action="/action_page.php">
<div class="signup"> Name: </div>
<input id="name" type="text" ><br>
<div class="signup"> Password </div>
<input id="pass" type="text" ><br>
<div class="signup"> Email Address </div>
<input id="email" type="text" ><br>
<input id="submit" type="submit" ><br>
</form>
</div>
</p>
</div>
{% block content %}
{% endblock %}
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment