Very nice frontend! I understand you want to develop the backend with Django.
For this, you need to know what model of data you need. Do you know? Have you take a look to this tutorial? https://docs.djangoproject.com/en/2.2/intro/tutorial01/ Very recommended to start to play with a simple backend. First, you need to achieve to play all the procedures by a djangoshell, for example, before to connect to django templates ( your frontend) Come in! you have 50% of the work done ( not the same of 50% time ;) ) Missatge de Raakesh Vanaraj <[email protected]> del dia dl., 9 de set. 2019 a les 19:20: > 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>: [email protected]</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>[email protected]</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>:[email protected]</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 <[email protected]> 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 [email protected]. >>> 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 [email protected]. > To view this discussion on the web visit > https://groups.google.com/d/msgid/django-users/d8361ed6-e072-4953-bd0d-b7f7f5342c3c%40googlegroups.com > <https://groups.google.com/d/msgid/django-users/d8361ed6-e072-4953-bd0d-b7f7f5342c3c%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 [email protected]. To view this discussion on the web visit https://groups.google.com/d/msgid/django-users/CAK-JoTQEY9Kjy4HbpDt%2B3Mj1-h%3DpXzHg9iGFd%2BmF_dq3O89b6A%40mail.gmail.com.
