diff --git a/src/index.html b/src/index.html index bfdda183691a1593395017173073d741cbb5681f..4ffb310ca3568a5cf920f6a064e75f9eb6032aae 100644 --- a/src/index.html +++ b/src/index.html @@ -1,169 +1,168 @@ <!DOCTYPE html> <html lang="en"> - -<head> - <meta charset="utf-8"> - <meta name="name" content=""> - <meta name="description" content=""> - <meta property="og:title" content=""> - <meta property="og:description" content=""> - <meta property="og:image" content="img/header.jpg"> - <meta http-equiv="x-ua-compatible" content="ie=edge"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <title>{ProjectName}</title> -</head> - -<body> - <header> - <font face="monospace"> - <table width="100%" bgcolor="lightgray"><tr> - <td> - <img src="img/logo.svg" alt="Logo"> - </td> - <th width="100%" align="right"> - <nav> - <a href="index.html">Home</a> - <a href="team.html">Team</a> - <a href="login.html">Login</a> - - </nav> - </th> - <td> - <input type="search" placeholder="Search..."> - </td> - <td> - - </td> - </tr></table> - <hr> - </font> - </header> - <section class="hero"> - <img src="img/header.jpg" alt="Productivity" width="100%"> - <h1>{Catchphrase}</h1> - <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non voluptates vero quasi unde ullam saepe harum - illum tempore minus fugiat!</p> - <a href="#">Get started</a> - </section> - <main> - <section class="intro-section"> - <table> - <tr> - <td> - <img src="img/product-preview.jpg" alt="Product preview" width="400px"> - </td> - <td> - <h2>{Catchphrase 2}</h2> - <p> - Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellat culpa doloribus, autem - eligendi ipsam - laboriosam, incidunt temporibus adipisci repellendus cupiditate cumque laborum ut aliquam - voluptatum! - Aliquid est dolore optio quo! - </p> - </td> - </tr> - </table> - </section> - <section class="testimonal-section"> - - </section> - <section class="feature-section"> - <h2>Try this!</h2> - <table border="1" cellspacing="0" cellpadding="20px"> - <tr> - <td> - <div class="icon">⌚</div> - <h3>Work faster</h3> - <p> - Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias, ut. - </p> - </td> - <td> - <div class="icon">🏹</div> - <h3>Right to the point</h3> - <p> - Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias, ut. - </p> - </td> - </tr> - </table> - </section> - <section class="team-section"> - <h2>This is us</h2> - </section> - <section class="contact-form"> - <h2>Get in touch</h2> - <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Obcaecati sed quo alias necessitatibus cumque - inventore, at culpa doloremque amet laborum veniam doloribus eaque. Sit et minus quod possimus aperiam! - Totam.</p> - <form action="" method="POST"> - <table> - <tr> + <head> + <meta charset="utf-8"> + <meta name="name" content=""> + <meta name="description" content=""> + <meta property="og:title" content=""> + <meta property="og:description" content=""> + <meta property="og:image" content="img/header.jpg"> + <meta http-equiv="x-ua-compatible" content="ie=edge"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>{ProjectName}</title> + </head> + <body> + <header> + <font face="monospace"> + <table width="100%" bgcolor="lightgray"><tr> <td> - - <label for="firstname">Firstname</label> <br> - <input type="text" name="firstname"> + <img src="img/logo.svg" alt="Logo"> </td> + <th width="100%" align="right"> + <nav> + <a href="index.html">Home</a> + <a href="team.html">Team</a> + <a href="login.html">Login</a> + + </nav> + </th> <td> - <label for="lastname">Lastname</label> <br> - <input type="text" name="lastname"> + <input type="search" placeholder="Search..."> </td> - </tr> - <tr> - <td colspan="2"> - <label for="subject">Subject</label> <br> - <input type="text" name="subject"> + <td> + </td> - </tr> + </tr></table> + <hr> + </font> + </header> + <main> + <font face="sans"> + <section class="hero"> + <img src="img/header.jpg" alt="Productivity" width="100%"> + <h1>{Catchphrase}</h1> + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non voluptates vero quasi unde ullam saepe harum + illum tempore minus fugiat!</p> + <a href="#">Get started</a> + </section> + <section class="intro-section"> + <table> + <tr> + <td> + <img src="img/product-preview.jpg" alt="Product preview" width="400px"> + </td> + <td> + <h2>{Catchphrase 2}</h2> + <p> + Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellat culpa doloribus, autem + eligendi ipsam + laboriosam, incidunt temporibus adipisci repellendus cupiditate cumque laborum ut aliquam + voluptatum! + Aliquid est dolore optio quo! + </p> + </td> + </tr> + </table> + </section> + <section class="testimonal-section"> + </section> + <section class="feature-section"> + <h2>Try this!</h2> + <table border="1" cellspacing="0" cellpadding="20px"> + <tr> + <td> + <div class="icon">⌚</div> + <h3>Work faster</h3> + <p> + Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias, ut. + </p> + </td> + <td> + <div class="icon">🏹</div> + <h3>Right to the point</h3> + <p> + Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias, ut. + </p> + </td> + </tr> + </table> + </section> + <section class="team-section"> + <h2>This is us</h2> + </section> + <section class="contact-form"> + <h2>Get in touch</h2> + <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Obcaecati sed quo alias necessitatibus cumque + inventore, at culpa doloremque amet laborum veniam doloribus eaque. Sit et minus quod possimus aperiam! + Totam.</p> + <form action="" method="POST"> + <table> + <tr> + <td> + + <label for="firstname">Firstname</label> <br> + <input type="text" name="firstname"> + </td> + <td> + <label for="lastname">Lastname</label> <br> + <input type="text" name="lastname"> + </td> + </tr> + <tr> + <td colspan="2"> + <label for="subject">Subject</label> <br> + <input type="text" name="subject"> + </td> + </tr> + <tr> + <td colspan="2"> + <label for="message">Message</label> <br> + <textarea name="message" id="message" cols="48" rows="10"></textarea> + </td> + </tr> + </table> + </form> + </section> + <section class="partner-section"> + </section> + </font> + </main> + <footer> + <font face="sans"> + <br><br><br><br><br><br> + <table width="100%" valign="top" cellpadding="10"> <tr> - <td colspan="2"> - <label for="message">Message</label> <br> - <textarea name="message" id="message" cols="48" rows="10"></textarea> + <td align="center"> + <div> + <img src="img/logo.svg" alt="Logo"> <br> + <div> + © <a href="index.html">{companyName}</a>, 2021 <br> + All rights reserved. + </div> + </div> + </td> + <td> + <div> + <h3>Find out more!</h3> + <ul> + <li> + <a href="index.html">Home</a> + </li> + <li> + <a href="team.html">Team</a> + </li> + <li> + <a href="#">Login</a> + </li> + <li> + <a href="#">Register</a> + </li> + </ul> + </div> </td> </tr> </table> - </form> - </section> - <section class="partner-section"> - - </section> - </main> - <footer> - <br><br><br><br><br><br> - <table width="100%" valign="top" cellpadding="10"> - <tr> - <td align="center"> - <div> - <img src="img/logo.svg" alt="Logo"> <br> - <div> - © <a href="index.html">{companyName}</a>, 2021 <br> - All rights reserved. - </div> - </div> - </td> - <td> - <div> - <h3>Find out more!</h3> - <ul> - <li> - <a href="index.html">Home</a> - </li> - <li> - <a href="team.html">Team</a> - </li> - <li> - <a href="#">Login</a> - </li> - <li> - <a href="#">Register</a> - </li> - </ul> - </div> - </td> - </tr> - </table> - </footer> -</body> - + </font> + </footer> + </body> </html> diff --git a/src/team.html b/src/team.html index 012d45be2249bbf6a61b2698829ba136c23153fe..077f41b93ce98d8030159ca3a91c9ad67dabc799 100644 --- a/src/team.html +++ b/src/team.html @@ -38,7 +38,7 @@ </font> </header> <main> - <font face="sans-sarif"> + <font face="sans"> <h1>Our Team</h1> <section> <p> @@ -104,39 +104,41 @@ </font> </main> <footer> - <br><br><br><br><br><br> - <table width="100%" valign="top" cellpadding="10"> - <tr> - <td align="center"> - <div> - <img src="img/logo.svg" alt="Logo"> <br> + <font face="sans"> + <br><br><br><br><br><br> + <table width="100%" valign="top" cellpadding="10"> + <tr> + <td align="center"> <div> - © <a href="index.html">{companyName}</a>, 2021 <br> - All rights reserved. + <img src="img/logo.svg" alt="Logo"> <br> + <div> + © <a href="index.html">{companyName}</a>, 2021 <br> + All rights reserved. + </div> </div> - </div> - </td> - <td> - <div> - <h3>Find out more!</h3> - <ul> - <li> - <a href="index.html">Home</a> - </li> - <li> - <a href="team.html">Team</a> - </li> - <li> - <a href="#">Login</a> - </li> - <li> - <a href="#">Register</a> - </li> - </ul> - </div> - </td> - </tr> - </table> + </td> + <td> + <div> + <h3>Find out more!</h3> + <ul> + <li> + <a href="index.html">Home</a> + </li> + <li> + <a href="team.html">Team</a> + </li> + <li> + <a href="#">Login</a> + </li> + <li> + <a href="#">Register</a> + </li> + </ul> + </div> + </td> + </tr> + </table> + </font> </footer> </body> </html>