styling website

This commit is contained in:
ishak jmilou.ishak
2024-11-20 17:14:54 +01:00
parent c16ba3cf9d
commit a41ea1b70c
3 changed files with 16 additions and 4 deletions

View File

@@ -89,6 +89,18 @@ body {
transition: transform 0.2s ease, background-color 0.2s ease;
}
.text{
width: 50%;
}
.image{
height: 100%;
}
.sectionHeight{
height: 200px;
}
/* Direction buttons */
.btn:nth-child(1) {
/* Left */

View File

@@ -10,17 +10,17 @@
<link rel="stylesheet" href="../static/style.css" />
</head>
<body>
<section class="container" id="home">
<p>
<section class="container sectionHeight">
<p class="text">
The Kobuki Robot Project is an innovative initiative aimed at developing
a versatile and intelligent robot platform. Our goal is to create a
robot that can navigate autonomously, interact with its environment, and
perform various tasks.
</p>
<img src="{{url_for('static', filename='images/logo.png')}}" alt="logo" class="imgNav" />
<img src="{{url_for('static', filename='images/logo.png')}}" alt="logo" class="image" />
</section>
<section class="container" id="about">
<section class="container sectionHeight" id="about">
<h2>About the Project</h2>
<p>
This project is a collaborative effort involving engineers, researchers,