Skip to content
Snippets Groups Projects
Commit f30a1247 authored by Planoetscher Daniel (Student Com20)'s avatar Planoetscher Daniel (Student Com20)
Browse files

name added, styling updates

parent 43aff49c
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
src/index.html
+ 172
− 135
View file @ f30a1247
<!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>
<head>
<meta charset="utf-8">
<meta name="name" content="ryoko | plan your projects like a journey">
<meta name="description" content="">
<meta property="og:title" content="Try planning your next development project with ryoko!">
<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>Home | ryoko</title>
</head>
<body>
<header>
<font face="monospace">
<table width="100%" bgcolor="lightgray">
<tr>
<td>
<img src="img/logo.svg" alt="Logo">
<a href="index.html">
<img src="img/logo.svg" alt="Logo">
</a>
</td>
<th width="100%" align="right">
<nav>
......@@ -32,137 +37,169 @@
<td>
&nbsp;&nbsp;
</td>
</tr></table>
<hr>
</font>
</header>
<main>
<font face="sans-serif">
<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>
</tr>
</table>
<hr>
</font>
</header>
<main>
<font face="sans-serif">
<section class="hero">
<img src="img/header.jpg" alt="Productivity" width="100%">
<br>
<br>
<h1 align="center">{Catchphrase}</h1>
<p align="center">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non voluptates vero quasi
unde ullam saepe harum
illum tempore minus fugiat!
<br>
<br>
<a href="#">Get started</a>
</section>
<section class="intro-section">
</p>
<br>
<br>
</section>
<section class="intro-section">
<table>
<tr>
<td align="center">
<img src="img/product-preview.jpg" alt="Product preview" width="400px">
</td>
<td width="50%">
<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">&#8986;</div>
<h3>Work faster</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias, ut.
</p>
</td>
<td>
<div class="icon">&#127993;</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>
<table>
<tr>
<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>
<td width="50%" align="center">
<img src="img/product-preview.jpg" alt="Product preview" width="400px">
</td>
</tr>
</table>
</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>
<img src="img/product-preview.jpg" alt="Product preview" width="400px">
<label for="firstname">Firstname</label> <br>
<input type="text" name="firstname" id="firstname">
</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>
<label for="lastname">Lastname</label> <br>
<input type="text" name="lastname" id="lastname">
</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">&#8986;</div>
<h3>Work faster</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias, ut.
</p>
<td colspan="2">
<label for="subject">Subject</label> <br>
<input type="text" name="subject" id="subject">
</td>
<td>
<div class="icon">&#127993;</div>
<h3>Right to the point</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias, ut.
</p>
</tr>
<tr>
<td colspan="2">
<label for="message">Message</label> <br>
<textarea name="message" id="message" cols="48" rows="10"></textarea>
</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" id="firstname">
</td>
<td>
<label for="lastname">Lastname</label> <br>
<input type="text" name="lastname" id="lastname">
</td>
</tr>
<tr>
<td colspan="2">
<label for="subject">Subject</label> <br>
<input type="text" name="subject" id="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-serif">
<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>
&copy; <a href="index.html">{companyName}</a>, 2021 <br>
All rights reserved.
</div>
</div>
</td>
<td>
</form>
</section>
<section class="partner-section">
</section>
</font>
</main>
<footer>
<font face="sans-serif">
<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>
<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>
&copy; <a href="index.html">ryoko</a>, 2021 <br>
All rights reserved.
</div>
</td>
</tr>
</table>
</font>
</footer>
</body>
</html>
</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>
</font>
</footer>
</body>
</html>
\ No newline at end of file
src/team.html
+ 7
− 6
View file @ f30a1247
<!DOCTYPE html>
<html>
<head>
<title>{ProjectName} - Our Team</title>
<meta name="description" content="">
<meta charset="utf-8">
<meta name="name" content="">
<meta name="name" content="team | ryoko">
<meta name="description" content="">
<meta property="og:title" content="">
<meta property="og:title" content="Try planning your next development project with ryoko!">
<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>Team | ryoko</title>
</head>
<body>
<header>
<font face="monospace">
<table width="100%" bgcolor="lightgray"><tr>
<td>
<img src="img/logo.svg" alt="Logo">
<a href="index.html">
<img src="img/logo.svg" alt="Logo">
</a>
</td>
<th width="100%" align="right">
<nav>
......@@ -112,7 +113,7 @@
<div>
<img src="img/logo.svg" alt="Logo"> <br>
<div>
&copy; <a href="index.html">{companyName}</a>, 2021 <br>
&copy; <a href="index.html">ryoko</a>, 2021 <br>
All rights reserved.
</div>
</div>
......
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