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

content updates

parent 2492cada
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 102 additions and 53 deletions
src/index.html
+ 102
− 53
View file @ 85e28cb1
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
<meta property="og:image" content="img/header.jpg"> <meta property="og:image" content="img/header.jpg">
<meta http-equiv="x-ua-compatible" content="ie=edge"> <meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Home | ryoko</title> <title>Ryoko | plan your projects like a journey</title>
</head> </head>
<body bgcolor="#f3f3f3"> <body bgcolor="#f3f3f3">
<header> <header>
...@@ -24,8 +24,8 @@ ...@@ -24,8 +24,8 @@
<th width="100%" align="right"> <th width="100%" align="right">
<nav> <nav>
<a href="index.html">Home</a> <a href="index.html">Home</a>
<a href="team.html">Team</a> <a href="index.html#team">Team</a>
<a href="#">Login</a> <a href="index.html#contact">Contact</a>
&nbsp;&nbsp; &nbsp;&nbsp;
</nav> </nav>
</th> </th>
...@@ -48,88 +48,133 @@ ...@@ -48,88 +48,133 @@
<br> <br>
<h1 align="center">Ryoko</h1> <h1 align="center">Ryoko</h1>
<h2 align="center">Plan your projects like a journey!</h2> <h2 align="center">Plan your projects like a journey!</h2>
<p align="center">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non voluptates vero quasi <p align="center">
unde ullam saepe harum Are you feeling lost with your tasks? Maximize your productivity now with Ryoko.
illum tempore minus fugiat!
<br> <br>
<br> <br>
<a href="#">Get started</a> <a href="#intro">Get started</a>
</p> </p>
<br> <br>
<br> <br>
</section> </section>
<section class="intro-section"> <section class="intro-section" id="intro">
<table> <table>
<tr> <tr>
<td align="center"> <td>
<img src="img/product-preview.jpg" alt="Product preview" width="400px"> <img src="img/product-preview.jpg" alt="Product preview" width="400px">
</td> </td>
<td width="50%"> <td cellpadding="50px">
<h2>{Catchphrase 2}</h2> <h2>{Catchphrase 2}</h2>
<p> <p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellat culpa doloribus, autem Do you want to boost your productivity and agility of your development?
eligendi ipsam With Ryoko you are able to
laboriosam, incidunt temporibus adipisci repellendus cupiditate cumque laborum ut
aliquam
voluptatum!
Aliquid est dolore optio quo!
</p> </p>
</td> </td>
</tr> </tr>
</table> </table>
</section> </section>
<section class="testimonal-section">
</section>
<section class="feature-section"> <section class="feature-section">
<h2>Try this!</h2> <h2>Revolutionize your productivity</h2>
<table border="1" cellspacing="0" cellpadding="20px"> <table border="1" cellspacing="0" cellpadding="20px">
<tr> <tr>
<td> <td>
<div class="icon">&#8986;</div> <div class="icon">&#x1F558;</div>
<h3>Work faster</h3> <h3>Automatic timetables</h3>
<p>
Generate your automatic timetables based on priorities and depencies of your tasks
</p>
</td>
<td>
<div class="icon">&#x1F60C;</div>
<h3>Keep track of your breaks</h3>
<p> <p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias, ut. Ryoko plans your breaks automatically to prevent you from
getting lost in work.
</p> </p>
</td> </td>
<td> <td>
<div class="icon">&#127993;</div> <div class="icon">&#127993;</div>
<h3>Right to the point</h3> <h3>Stay focused</h3>
<p> <p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias, ut. Using the pomodoro technique, Ryoko helps you focusing on
your tasks without being distracted.
</p> </p>
</td> </td>
</tr> </tr>
</table>
</section>
<section class="team-section">
<h2>This is us</h2>
<table>
<tr> <tr>
<td> <td>
<h2>{Catchphrase 2}</h2> <div class="icon">&#x1F46A;</div>
<h3>Always with your team</h3>
<p> <p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellat culpa doloribus, autem Distribute task within your Teams based on profession and
eligendi ipsam difficulty
laboriosam, incidunt temporibus adipisci repellendus cupiditate cumque laborum ut
aliquam
voluptatum!
Aliquid est dolore optio quo!
</p> </p>
</td> </td>
<td width="50%" align="center"> <td>
<img src="img/image-2.jpg" alt="" width="400px"> <div class="icon">&#x1F4C8;</div>
<h3>Analyze your productivity</h3>
<p>
Find your weaknesses and the most timeconsuming tasks
by analyzing graphs.
</p>
</td>
<td>
<div class="icon">&#x1F3CB;</div>
<h3>Reach your goals</h3>
<p>
</p>
</td>
</tr>
</table>
</section>
<section class="team-section" id="team">
<h2>Our Team</h2>
<p>
People are what makes a project great, and here are the people that make us
great.
</p>
<table width="100%" cellpadding="10">
<tr>
<td rowspan="3" align="center" valign="top" width="15%">
<img src="img/daniel-planoetscher.svg" width="100"></img>
</td>
<th align="left">Daniel Planötscher</th>
</tr>
<tr><th align="left">Co-founder &amp; Lead Web Developer</th></tr>
<tr><td>
Besides studying Computer Science, Daniel also enjoys taking photos and
designing user interfaces for hobby projects, which is why he focuses on
the FrontEnd of ryoko. Furthermore, he brings significant industry
experience working as a Web Developer using state of the art tools and
programming techniques. He was involved in the creation of modern
websites for dozens of clients with advanced requirements.
</td></tr>
<tr><td colspan="3" height="50" valign="middle"><hr></td></tr>
<tr>
<td rowspan="3" align="center" valign="top">
<img src="img/roland-bernard.svg" width="100"></img>
</td> </td>
<th align="left">Roland Bernard</th>
</tr> </tr>
<tr><th align="left">Co-founder &amp; Lead Software Engineer</th></tr>
<tr><td>
Studying Computer Science and participating in Competitive Programming
Competitions, Roland constitutes a integral part of our development team
at ryoko. Like all members of our team he also has experience in the
industry, mainly working on business management systems and software for
the financial sector. He is also experienced in the implementation of
development tools and infrastructure components.
</td></tr>
</table> </table>
</section> </section>
<section class="contact-form"> <section class="contact-form" id="contact">
<h2>Get in touch</h2> <h2>Get in touch</h2>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Obcaecati sed quo alias necessitatibus <p>
cumque Do you still have a question? Just contact us directly and we will be glad
inventore, at culpa doloremque amet laborum veniam doloribus eaque. Sit et minus quod possimus to help you resolve the issue.
aperiam! </p>
Totam.</p> <form action="mailto:dplanoetscher@unibz.it" method="POST">
<form action="" method="POST">
<table> <table>
<tr> <tr>
<td> <td>
...@@ -143,7 +188,11 @@ ...@@ -143,7 +188,11 @@
</td> </td>
</tr> </tr>
<tr> <tr>
<td colspan="2"> <td>
<label for="email">Email</label> <br>
<input type="email" name="email" id="email">
</td>
<td>
<label for="subject">Subject</label> <br> <label for="subject">Subject</label> <br>
<input type="text" name="subject" id="subject"> <input type="text" name="subject" id="subject">
</td> </td>
...@@ -154,11 +203,14 @@ ...@@ -154,11 +203,14 @@
<textarea name="message" id="message" cols="48" rows="10"></textarea> <textarea name="message" id="message" cols="48" rows="10"></textarea>
</td> </td>
</tr> </tr>
<tr>
<td>
<input type="submit" value="Send">
</td>
</tr>
</table> </table>
</form> </form>
</section> </section>
<section class="partner-section">
</section>
</font> </font>
</main> </main>
<footer> <footer>
...@@ -183,13 +235,10 @@ ...@@ -183,13 +235,10 @@
<a href="index.html">Home</a> <a href="index.html">Home</a>
</li> </li>
<li> <li>
<a href="team.html">Team</a> <a href="index.html#team">Team</a>
</li>
<li>
<a href="#">Login</a>
</li> </li>
<li> <li>
<a href="#">Register</a> <a href="index.html#contact">Contact</a>
</li> </li>
</ul> </ul>
</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