From 2492cada2fd2d6d6884b0195d5cb4f3f1ac5d560 Mon Sep 17 00:00:00 2001
From: Roland Bernard <rolbernard@unibz.it>
Date: Thu, 1 Apr 2021 14:42:32 +0200
Subject: [PATCH] Added some more text to the team page
---
src/index.html | 350 ++++++++++++++++++++++++-------------------------
src/team.html | 31 ++---
2 files changed, 187 insertions(+), 194 deletions(-)
diff --git a/src/index.html b/src/index.html
index abb4a6b..102f9ce 100644
--- a/src/index.html
+++ b/src/index.html
@@ -1,206 +1,202 @@
<!DOCTYPE html>
<html lang="en">
-
-<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 bgcolor="#f3f3f3">
- <header>
- <font face="monospace">
- <table width="100%" bgcolor="lightgray">
- <tr>
- <td>
- <a href="index.html">
- <img src="img/logo.svg" alt="Logo">
- </a>
- </td>
- <th width="100%" align="right">
- <nav>
- <a href="index.html">Home</a>
- <a href="team.html">Team</a>
- <a href="#">Login</a>
-
- </nav>
- </th>
- <td>
- <input type="search" placeholder="Search...">
- </td>
- <td>
-
- </td>
- </tr>
- </table>
- <hr>
- </font>
- </header>
- <main>
- <font face="sans-serif">
- <section class="hero-section">
- <img src="img/header.jpg" alt="Productivity" width="100%">
- <br>
- <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!
- <br>
- <br>
- <a href="#">Get started</a>
- </p>
-
- <br>
- <br>
- </section>
- <section class="intro-section">
- <table>
+ <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 bgcolor="#f3f3f3">
+ <header>
+ <font face="monospace">
+ <table width="100%" bgcolor="lightgray">
<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>
+ <a href="index.html">
+ <img src="img/logo.svg" alt="Logo">
+ </a>
</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>
+ <th width="100%" align="right">
+ <nav>
+ <a href="index.html">Home</a>
+ <a href="team.html">Team</a>
+ <a href="#">Login</a>
+
+ </nav>
+ </th>
<td>
- <div class="icon">⌚</div>
- <h3>Work faster</h3>
- <p>
- Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias, ut.
- </p>
+ <input type="search" placeholder="Search...">
</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>
- <table>
- <tr>
- <td>
- <h2>{Catchphrase 2}</h2>
- <p>
+ <hr>
+ </font>
+ </header>
+ <main>
+ <font face="sans-serif">
+ <section class="hero-section">
+ <img src="img/header.jpg" alt="Productivity" width="100%">
+ <br>
+ <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!
+ <br>
+ <br>
+ <a href="#">Get started</a>
+ </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>
- <td width="50%" align="center">
- <img src="img/image-2.jpg" alt="" 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>
+ </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>
-
- <label for="firstname">Firstname</label> <br>
- <input type="text" name="firstname" id="firstname">
+ <div class="icon">⌚</div>
+ <h3>Work faster</h3>
+ <p>
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias, ut.
+ </p>
</td>
<td>
- <label for="lastname">Lastname</label> <br>
- <input type="text" name="lastname" id="lastname">
+ <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>
+ <table>
<tr>
- <td colspan="2">
- <label for="subject">Subject</label> <br>
- <input type="text" name="subject" id="subject">
+ <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>
- <tr>
- <td colspan="2">
- <label for="message">Message</label> <br>
- <textarea name="message" id="message" cols="48" rows="10"></textarea>
+ <td width="50%" align="center">
+ <img src="img/image-2.jpg" alt="" width="400px">
</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>
+ </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>
- © <a href="index.html">ryoko</a>, 2021 <br>
- All rights reserved.
+ <img src="img/logo.svg" alt="Logo"> <br>
+ <div>
+ © <a href="index.html">ryoko</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>
- </font>
- </footer>
-</body>
-
-</html>
\ No newline at end of file
+ </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>
diff --git a/src/team.html b/src/team.html
index f356a9f..12c5abe 100644
--- a/src/team.html
+++ b/src/team.html
@@ -11,7 +11,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Team | ryoko</title>
</head>
- <body>
+ <body bgcolor="#f3f3f3">
<header>
<font face="monospace">
<table width="100%" bgcolor="lightgray"><tr>
@@ -67,12 +67,14 @@
</td>
<th align="left">Daniel Planötscher</th>
</tr>
- <tr><th align="left">Co-founder & Lead FrontEnd Developer</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 is gaining industry experience working as a Web Developer
- for a in Bolzano.
+ 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>
@@ -83,17 +85,12 @@
</tr>
<tr><th align="left">Co-founder & Lead Software Engineer</th></tr>
<tr><td>
- Maecenas ultricies mi eget mauris pharetra et ultrices. Sollicitudin nibh sit
- amet commodo nulla facilisi nullam vehicula. In est ante in nibh mauris cursus.
- Urna nunc id cursus metus. Eu tincidunt tortor aliquam nulla facilisi cras
- fermentum odio eu. Donec et odio pellentesque diam volutpat commodo sed egestas.
- Etiam erat velit scelerisque in dictum non consectetur. Nunc lobortis mattis
- aliquam faucibus purus in. Amet risus nullam eget felis eget. Cras fermentum
- odio eu feugiat pretium nibh ipsum consequat. Pretium nibh ipsum consequat nisl
- vel pretium. Dictum sit amet justo donec enim diam vulputate ut pharetra. Eu
- ultrices vitae auctor eu. Eu volutpat odio facilisis mauris sit amet. Quis enim
- lobortis scelerisque fermentum dui faucibus in. Ut tortor pretium viverra
- suspendisse potenti. Sapien eget mi proin sed libero enim. Et leo duis ut diam.
+ 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>
--
GitLab