Skip to content

J
JARVIS
Commit cbd6c349 authored by Jacob Dylan D. Vitug's avatar Jacob Dylan D. Vitug
Browse files
Options

Started on Signup/Login Page. Errors faced in CSS

parent ff93298f
Show whitespace changes
Inline Side-by-side
Showing with 43 additions and 26 deletions
IPSystemTOPC/EmployeeProdDB/static/css/loginpage.css
View file @ cbd6c349
...@@ -80,3 +80,19 @@ body { ...@@ -80,3 +80,19 @@ body {
background-color: white; background-color: white;
border: 1px solid black; border: 1px solid black;
} }
.base-logo {
width: 50px;
height: auto;
}
.base-logo img {
width: 50px;
height: auto;
}
.left-align-cont {
margin: auto;
display: flex;
justify-content: left;
}
\ No newline at end of file
IPSystemTOPC/EmployeeProdDB/templates/EmployeeProdDB/base.html
View file @ cbd6c349
<!DOCTYPE html>
{% load static %} {% load static %}
<html lang="en">
<!doctype html>
<head> <head>
<!-- <title> Base Template </title> -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="{% static 'css/style.css' %}">
<link rel="icon" href="{% static 'images/topc_logo.png' %}" sizes="9x16">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.1.3/dist/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link rel="stylesheet" href="{% static 'css/style.css' %}"/>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<link rel="stylesheet" href="{% static 'css/loginpage.css' %}">
</head> </head>
<body> <body>
<div id="topbar"> <div class="loginheader centercont">
<a href="#"><img src="{% static 'images/topc_logo.jpg' %}" class="img logo rounded-circle mb-5" style="height: 50px; width: 50px;"></a> <div class="headertextcontainer">
<div id="topbar-text" > <div class="base-logo">
<h4>Thousand Oaks Packaging Corporation</h4> <a href="#"><img src="{% static 'images/topc_logo.jpg' %}" class="img logo rounded-circle"></a>
</div>
<span>Thousand Oaks Packaging Corporation</span>
<h2>Employee Performance</h2> <h2>Employee Performance</h2>
</div> </div>
<button type="button" class="btn btn-primary">Primary</button>
</div> </div>
<!-- Page Content --> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.min.js" integrity="sha384-cuYeSxntonz0PPNlHhBs68uyIAVpIIOZZ5JqeqvYYIcEL727kskC66kF92t6Xl2V" crossorigin="anonymous"></script>
{% block content %}
{% endblock %}
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.14.3/dist/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.1.3/dist/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
</body> </body>
<footer> <footer>
<p>Copyright &copy;<script>document.write(new Date().getFullYear());</script></p> <p>Copyright &copy;<script>document.write(new Date().getFullYear());</script></p>
</footer> </footer>
......
IPSystemTOPC/EmployeeProdDB/templates/EmployeeProdDB/home.html
View file @ cbd6c349
...@@ -4,15 +4,22 @@ ...@@ -4,15 +4,22 @@
{% block content %} {% block content %}
<head> <head>
<title>Login</title>
<link rel="stylesheet" href="{% static 'css/style.css' %}"/>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<link rel="stylesheet" href="{% static 'css/loginpage.css' %}">
<title> Home Page </title> <title> Home Page </title>
</head> </head>
<body> <body>
<div style="width:100%"> <!-- <div class="">
<h1>TOPC</h1> <h1>TOPC</h1>
<form>
<a href="{% url 'upload_csv' %}"><button type="button" class="btn btn-danger" style="font-family:'Poppins'; position:absolute; right:2%; top:5%;">Import File</button></a>
</form>
</div> </div>
<div><a href="{% url 'upload_csv' %}"><button type="button" class="btn btn-danger" style="font-family:'Poppins'; position:absolute; right:2%; top:5%;">Import File</button></a></div>
-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.min.js" integrity="sha384-cuYeSxntonz0PPNlHhBs68uyIAVpIIOZZ5JqeqvYYIcEL727kskC66kF92t6Xl2V" crossorigin="anonymous"></script>
</body> </body>
{% endblock %} {% endblock %}
\ No newline at end of file
IPSystemTOPC/EmployeeProdDB/templates/EmployeeProdDB/loginpage.html
View file @ cbd6c349
...@@ -10,7 +10,6 @@ ...@@ -10,7 +10,6 @@
<body> <body>
<div class="loginheader centercont"> <div class="loginheader centercont">
<!-- <a href="#"><img src="{% static 'images/topc_logo.jpg' %}" class="img logo rounded-circle mb-5" style="height: 50px; width: 50px;"></a> -->
<div class="headertextcontainer"> <div class="headertextcontainer">
<span>Thousand Oaks Packaging Corporation</span> <span>Thousand Oaks Packaging Corporation</span>
<h2>Employee Performance</h2> <h2>Employee Performance</h2>
...@@ -18,6 +17,7 @@ ...@@ -18,6 +17,7 @@
</div> </div>
<!-- {% block content %} --> <!-- {% block content %} -->
<div class="centercont column-direction"> <div class="centercont column-direction">
<div class="login-logo"> <div class="login-logo">
<a href="#"><img src="{% static 'images/topc_logo.jpg' %}" class="img logo rounded-circle"></a> <a href="#"><img src="{% static 'images/topc_logo.jpg' %}" class="img logo rounded-circle"></a>
......
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