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 <rocky2...@gmail.com> 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>: 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> 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. >>> 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 > <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 django-users+unsubscr...@googlegroups.com. 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.
