Thanks for the suggestion.
As per your request please find below the codes.
index.html
<!DOCTYPE html>
<html>
<head>
<title>InterSut</title>
<link rel="icon"
type="ico"
href="images/favicon.ico"/>
<link rel="stylesheet" href="css/style.css">
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet"
type="text/css">
<link
href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i";
rel="stylesheet">
</head>
<div class="header">
<img class="logo" src="images/logo.png" alt="Logo">
<div class="header-right">
<a class="active" href="index.html">Home</a>
<a href="#contact">Contact</a>
<a href="#about">About</a>
</div>
</div>
<body>
<center><a href="createmeeting.html"><button type="button"
class="search">Create Meeting</button></a><a href="scheduled.html"><button
type="button" class="search">Scheduled Meetings</button></a></center>
<div class="fixed-footer">
<div class="container"><center>Copyright © 2019
Sutherland</center></div>
</div>
</html>
createmeeting.html
<!DOCTYPE html>
<html>
<head>
<title>InterSut</title>
<link rel="icon"
type="ico"
href="images/favicon.ico"/>
<link rel="stylesheet" href="css/style.css">
<link href="vendor/fontawesome-/css/all.min.css" rel="stylesheet"
type="text/css">
<link
href="https://fonts.googleapis.com/css?family=Nunito:200,200i,free300,300i,400,400i,600,600i,700,700i,800,800i,900,900i";
rel="stylesheet">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/bootstrap.min.css">
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js";></script>
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js";></script>
</head>
<div class="header">
<img class="logo" src="images/Sutherland_logo.png" alt="Logo">
<div class="header-right">
<a class="active" href="index.html">Home</a>
<a href="#contact">Contact</a>
<a href="#about">About</a>
</div>
</div>
<body>
<center><h1 style="font-size:60px;">Create Meeting</h1></center>
<form class="form-horizontal">
<fieldset>
<!-- Select Basic -->
<div class="form-group">
<label class="col-md-4 control-label" for="selectbasic">Meeting
Type</label>
<div class="col-md-4">
<select id="selectbasic" name="selectbasic" class="form-control">
<option value="1">One on One</option>
<option value="2">Huddle</option>
<option value="">Performance review</option>
<option value="">Skip meeting</option>
<option value="">Focus group</option>
</select>
</div>
</div>
<!-- Date -->
<div class="form-group">
<label class="col-md-4 control-label" for="selectbasic">Date</label>
<div class="col-md-4">
<input type="date" name="bday">
</div>
</div>
<!-- MEETING TYPE-->
<div class="form-group">
<label class="col-md-4 control-label" for="Host">Host</label>
<div class="col-md-4">
<input id="Host" name="Host" type="search" placeholder="Host"
class="form-control input-md" required="">
</div>
</div>
<!-- Select Basic -->
<div class="form-group">
<label class="col-md-4 control-label" for="Function">Function</label>
<div class="col-md-4">
<select id="Function" name="Function" class="form-control">
<option value="1">HR</option>
<option value="2">Admin</option>
<option value="3">option3</option>
<option value="4">Option 4</option>
</select>
</div>
</div>
<!-- Textarea -->
<div class="form-group">
<label class="col-md-4 control-label" for="ActionPlan">Action Plan</label>
<div class="col-md-4">
<textarea class="form-control" id="ActionPlan" name="ActionPlan">Action
Plan</textarea>
</div>
</div>
<!-- Search input-->
<div class="form-group">
<label class="col-md-4 control-label" for="Owner">Owner</label>
<div class="col-md-4">
<input id="Owner" name="Owner" type="search" placeholder="Owner"
class="form-control input-md" required="">
</div>
</div>
<!-- Textarea -->
<div class="form-group">
<label class="col-md-4 control-label" for="Action Item">Action
Item</label>
<div class="col-md-4">
<textarea class="form-control" id="Action Item" name="Action
Item">Action Item</textarea>
</div>
</div>
<!-- Date -->
<div class="form-group">
<label class="col-md-4 control-label" for="selectbasic">Time Lines</label>
<div class="col-md-4">
<input type="date" name="bday">
</div>
</div>
<!-- Select Basic -->
<div class="form-group">
<label class="col-md-4 control-label" for="Status">Status</label>
<div class="col-md-4">
<select id="Status" name="Status" class="form-control">
<option value="1" style="background:red">Open</option>
<option value="2" style="background:green">Closed</option>
<option value="3" style="background:yellow">Progress</option>
</select>
</div>
</div>
<!-- Textarea -->
<div class="form-group">
<label class="col-md-4 control-label" for="Remarks ">Remarks </label>
<div class="col-md-4">
<textarea class="form-control" id="Remarks " name="Remarks ">Remarks
</textarea>
</div>
</div>
<!-- Button (Double) -->
<div class="form-group">
<label class="col-md-4 control-label" for="button1"></label>
<div class="col-md-8">
<button id="button1" name="button1" class="btn
btn-default">Save</button>
<button id="button2" name="button2" class="btn btn-success">Send
Email</button>
</div>
</div>
</fieldset>
</form>
</form>
</table>
<div class="container"><center><b>Copyright © 2019
Sutherland</b></center></div>
</div>
</html>
schedule.html
<!DOCTYPE html>
<html>
<head>
<title>InterSut</title>
<link rel="icon"
type="ico"
href="images/favicon.ico"/>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="style.css">
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet"
type="text/css">
<link
href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i";
rel="stylesheet">
</head>
<div class="header">
<img class="logo" src="images/Sutherland_logo.png" alt="Logo">
<div class="header-right">
<a class="active" href="index.html">Home</a>
<a href="#contact">Contact</a>
<a href="#about">About</a>
</div>
</div>
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css";>
</head>
<body>
<center><b><h1>Scheduled Meetings</h1></b></center>
<div id="btnContainer">
<button class="btn" onclick="listView()"><i class="fa fa-bars"></i>
List</button>
<button class="btn active" onclick="gridView()"><i class="fa
fa-th-large"></i> Grid</button>
</div>
<br>
<div class="row">
<div class="column" style="background-color:#E5FFF6;">
<b> <p>HR</p></b>
<p><b>Host</b>:Rommel</p>
<p><b>Functions</b>:HR</p>
<p><b>Start date</b>: 09/01/2019</p>
<p><b>Completion date</b>: 09/05/2019</p>
<p><b>No of participants</b>: 15</p>
<p><b>Action Items </b>: Lorem ipsum dolor sit amet, consectetur
adipiscing elit.
Sed tincidunt ante et ante congue faucibus quis eu mauris.
Donec quis ex vitae turpis mattis gravida.
Praesent ac ipsum porta, eleifend ipsum lacinia, fermentum velit.
Donec sed ligula maximus, facilisis nulla ut, volutpat felis.
Fusce egestas ipsum id enim cursus, non ultricies lorem condimentum.
Nullam at erat dignissim, dapibus nibh ac, dictum nibh.</p>
<p><b>Owner</b>: Rommel Mitchel</p>
<p><b>Comments</b>: Maecenas venenatis ligula in ipsum dignissim, nec
imperdiet nisl tincidunt.
Nam in magna molestie, scelerisque lorem in, elementum diam.
Pellentesque scelerisque enim eget ipsum varius pellentesque.
In eu massa fringilla, dapibus erat et, accumsan massa.l</p>
</div>
<div class="column" style="background-color:#F8E8FD;">
<h2>BHR</h2>
<b> <p>Created by Praisy</p></b>
<p><b>Email</b>: pra...@companyemail.com</p>
<p><b>Participants</b>: Ajith,Rommel,Raakesh,Arun,Gopi,Praisy</p>
<p><b>Start date</b>: 09/10/2019</p>
<p><b>Completion date</b>: 09/13/2019</p>
<p><b>No of participants</b>: 12</p>
<p><b>Action Items </b>: Lorem ipsum dolor sit amet, consectetur
adipiscing elit.
Sed tincidunt ante et ante congue faucibus quis eu mauris.
Donec quis ex vitae turpis mattis gravida.
Praesent ac ipsum porta, eleifend ipsum lacinia, fermentum velit.
Donec sed ligula maximus, facilisis nulla ut, volutpat felis.
Fusce egestas ipsum id enim cursus, non ultricies lorem condimentum.
Nullam at erat dignissim, dapibus nibh ac, dictum nibh.</p>
<p><b>Owner</b>: Praisy</p>
<p><b>Comments</b>: Maecenas venenatis ligula in ipsum dignissim, nec
imperdiet nisl tincidunt.
Nam in magna molestie, scelerisque lorem in, elementum diam.
Pellentesque scelerisque enim eget ipsum varius pellentesque.
In eu massa fringilla, dapibus erat et, accumsan massa.l</p>
</div>
<div class="row">
<div class="column" style="background-color:#FFE5E5;">
<h2>Amazon.in</h2>
<b> <p>Created by Vijay</p></b>
<p><b>Email</b>vij...@companyemail.com</p>
<p><b>Participants</b>: Ajith,Rommel,Raakesh,Arun,Gopi,Praisy</p>
<p><b>Start date</b>: 09/10/2019</p>
<p><b>Completion date</b>: 09/13/2019</p>
<p><b>No of participants</b>: 10</p>
<p><b>Action Items </b>: Lorem ipsum dolor sit amet, consectetur
adipiscing elit.
Sed tincidunt ante et ante congue faucibus quis eu mauris.
Donec quis ex vitae turpis mattis gravida.
Praesent ac ipsum porta, eleifend ipsum lacinia, fermentum velit.
Donec sed ligula maximus, facilisis nulla ut, volutpat felis.
Fusce egestas ipsum id enim cursus, non ultricies lorem condimentum.
Nullam at erat dignissim, dapibus nibh ac, dictum nibh.</p>
<p><b>Owner</b>: Vijay</p>
<p><b>Comments</b>: Maecenas venenatis ligula in ipsum dignissim, nec
imperdiet nisl tincidunt.
Nam in magna molestie, scelerisque lorem in, elementum diam.
Pellentesque scelerisque enim eget ipsum varius pellentesque.
In eu massa fringilla, dapibus erat et, accumsan massa.l</p>
</div>
<div class="column" style="background-color:#FBEAEA;">
<h2>Amazon NA</h2>
<b> <p>Created by Joel</p></b>
<p><b>Email</b>:vij...@companyemail.com</p>
<p><b>Participants</b>: Ajith,Rommel,Raakesh,Arun,Gopi,Praisy</p>
<p><b>Start date</b>: 09/17/2019</p>
<p><b>Completion date</b>: 09/21/2019</p>
<p><b>No of participants</b>: 10</p>
<p><b>Action Items </b>: Lorem ipsum dolor sit amet, consectetur
adipiscing elit.
Sed tincidunt ante et ante congue faucibus quis eu mauris.
Donec quis ex vitae turpis mattis gravida.
Praesent ac ipsum porta, eleifend ipsum lacinia, fermentum velit.
Donec sed ligula maximus, facilisis nulla ut, volutpat felis.
Fusce egestas ipsum id enim cursus, non ultricies lorem condimentum.
Nullam at erat dignissim, dapibus nibh ac, dictum nibh.</p>
<p><b>Owner</b>: Joel</p>
<p><b>Comments</b>: Maecenas venenatis ligula in ipsum dignissim, nec
imperdiet nisl tincidunt.
Nam in magna molestie, scelerisque lorem in, elementum diam.
Pellentesque scelerisque enim eget ipsum varius pellentesque.
In eu massa fringilla, dapibus erat et, accumsan massa.l</p>
</div>
<script>
// Get the elements with class="column"
var elements = document.getElementsByClassName("column");
// Declare a loop variable
var i;
// List View
function listView() {
for (i = 0; i < elements.length; i++) {
elements[i].style.width = "100%";
}
}
// Grid View
function gridView() {
for (i = 0; i < elements.length; i++) {
elements[i].style.width = "50%";
}
}
/* Optional: Add active class to the current button (highlight it) */
var container = document.getElementById("btnContainer");
var btns = container.getElementsByClassName("btn");
for (var i = 0; i < btns.length; i++) {
btns[i].addEventListener("click", function() {
var current = document.getElementsByClassName("active");
current[0].className = current[0].className.replace(" active", "");
this.className += " active";
});
}
</script>
</div>
</html>
On Monday, September 9, 2019 at 10:30:58 PM UTC+5:30, Gil Obradors wrote:
>
> Welcome, one suggestion:
>
> -Paste code direct to email or with paste tools. Not attaching files
>
> Welcome
>
>
>
> Missatge de Raakesh Vanaraj <rock...@gmail.com <javascript:>> del dia
> dl., 9 de set. 2019 a les 18:39:
>
>> Good day,
>>
>> I'm new to Django and a very new beginner, I've to create a tool for my
>> with Django so I've create one HTML template. If Anyone help to create this
>> tool?
>>
>> Eagerly waiting for your response.
>>
>> I've attached HTML template
>>
>>
>> A brief explanation of the project.
>>
>> For users panel
>>
>> Its minutes of meeting tool, our staff's will able to create a meeting
>> with HR, admin, Security team. Once they raised the TT the automated email
>> will send to the appropriate team.
>>
>> For Admin panel:
>>
>> They are a separate member for each function. Admin can able to change TT
>> status, and send conclusion email automated.
>>
>> Please help me to make this Tool.
>>
>>
>>
>>
>>
>> --
>> You received this message because you are subscribed to the Google Groups
>> "Django users" group.
>> To unsubscribe from this group and stop receiving emails from it, send an
>> email to django...@googlegroups.com <javascript:>.
>> To view this discussion on the web visit
>> https://groups.google.com/d/msgid/django-users/f9158ef9-f281-47bd-8a04-209145816a00%40googlegroups.com
>>
>> <https://groups.google.com/d/msgid/django-users/f9158ef9-f281-47bd-8a04-209145816a00%40googlegroups.com?utm_medium=email&utm_source=footer>
>> .
>>
>
--
You received this message because you are subscribed to the Google Groups
"Django users" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to django-users+unsubscr...@googlegroups.com.
To view this discussion on the web visit
https://groups.google.com/d/msgid/django-users/d8361ed6-e072-4953-bd0d-b7f7f5342c3c%40googlegroups.com.
