From 85e28cb14f0da95e611dc0f3faedf1a5c7e63eb4 Mon Sep 17 00:00:00 2001
From: "Planoetscher Daniel (Student Com20)"
<daniel.planoetscher@stud-inf.unibz.it>
Date: Mon, 5 Apr 2021 11:26:53 +0200
Subject: [PATCH] content updates
---
src/index.html | 155 ++++++++++++++++++++++++++++++++-----------------
1 file changed, 102 insertions(+), 53 deletions(-)
diff --git a/src/index.html b/src/index.html
index 102f9ce..77bf0c1 100644
--- a/src/index.html
+++ b/src/index.html
@@ -9,7 +9,7 @@
<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>
+ <title>Ryoko | plan your projects like a journey</title>
</head>
<body bgcolor="#f3f3f3">
<header>
@@ -24,8 +24,8 @@
<th width="100%" align="right">
<nav>
<a href="index.html">Home</a>
- <a href="team.html">Team</a>
- <a href="#">Login</a>
+ <a href="index.html#team">Team</a>
+ <a href="index.html#contact">Contact</a>
</nav>
</th>
@@ -48,88 +48,133 @@
<br>
<h1 align="center">Ryoko</h1>
<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
- unde ullam saepe harum
- illum tempore minus fugiat!
+ <p align="center">
+ Are you feeling lost with your tasks? Maximize your productivity now with Ryoko.
<br>
<br>
- <a href="#">Get started</a>
+ <a href="#intro">Get started</a>
</p>
<br>
<br>
</section>
- <section class="intro-section">
+ <section class="intro-section" id="intro">
<table>
<tr>
- <td align="center">
+ <td>
<img src="img/product-preview.jpg" alt="Product preview" width="400px">
</td>
- <td width="50%">
+ <td cellpadding="50px">
<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!
+ Do you want to boost your productivity and agility of your development?
+ With Ryoko you are able to
</p>
</td>
</tr>
</table>
</section>
- <section class="testimonal-section">
- </section>
<section class="feature-section">
- <h2>Try this!</h2>
+ <h2>Revolutionize your productivity</h2>
<table border="1" cellspacing="0" cellpadding="20px">
<tr>
<td>
- <div class="icon">⌚</div>
- <h3>Work faster</h3>
+ <div class="icon">🕘</div>
+ <h3>Automatic timetables</h3>
+ <p>
+ Generate your automatic timetables based on priorities and depencies of your tasks
+ </p>
+ </td>
+ <td>
+ <div class="icon">😌</div>
+ <h3>Keep track of your breaks</h3>
<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>
</td>
<td>
<div class="icon">🏹</div>
- <h3>Right to the point</h3>
+ <h3>Stay focused</h3>
<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>
</td>
</tr>
- </table>
- </section>
- <section class="team-section">
- <h2>This is us</h2>
- <table>
<tr>
<td>
- <h2>{Catchphrase 2}</h2>
+ <div class="icon">👪</div>
+ <h3>Always with your team</h3>
<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!
+ Distribute task within your Teams based on profession and
+ difficulty
</p>
</td>
- <td width="50%" align="center">
- <img src="img/image-2.jpg" alt="" width="400px">
+ <td>
+ <div class="icon">📈</div>
+ <h3>Analyze your productivity</h3>
+ <p>
+ Find your weaknesses and the most timeconsuming tasks
+ by analyzing graphs.
+ </p>
+ </td>
+ <td>
+ <div class="icon">🏋</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 & 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>
+ <th align="left">Roland Bernard</th>
</tr>
+ <tr><th align="left">Co-founder & 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>
</section>
- <section class="contact-form">
+ <section class="contact-form" id="contact">
<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">
+ <p>
+ Do you still have a question? Just contact us directly and we will be glad
+ to help you resolve the issue.
+ </p>
+ <form action="mailto:dplanoetscher@unibz.it" method="POST">
<table>
<tr>
<td>
@@ -143,7 +188,11 @@
</td>
</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>
<input type="text" name="subject" id="subject">
</td>
@@ -154,11 +203,14 @@
<textarea name="message" id="message" cols="48" rows="10"></textarea>
</td>
</tr>
+ <tr>
+ <td>
+ <input type="submit" value="Send">
+ </td>
+ </tr>
</table>
</form>
</section>
- <section class="partner-section">
- </section>
</font>
</main>
<footer>
@@ -183,13 +235,10 @@
<a href="index.html">Home</a>
</li>
<li>
- <a href="team.html">Team</a>
- </li>
- <li>
- <a href="#">Login</a>
+ <a href="index.html#team">Team</a>
</li>
<li>
- <a href="#">Register</a>
+ <a href="index.html#contact">Contact</a>
</li>
</ul>
</div>
--
GitLab