Scribd
Upload
3 views

build-a-technical-documentation-page

The document is a technical documentation page for Ease IT Solutions, featuring sections on presentation, functionality, services, customer service, and partner service. Each section includes descriptive text, code snippets, and lists outlining the services offered. The accompanying CSS styles the layout and navigation for a clear presentation of the content.

Uploaded by

Juste Fab
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
3 views

build-a-technical-documentation-page

The document is a technical documentation page for Ease IT Solutions, featuring sections on presentation, functionality, services, customer service, and partner service. Each section includes descriptive text, code snippets, and lists outlining the services offered. The accompanying CSS styles the layout and navigation for a clear presentation of the content.

Uploaded by

Juste Fab
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 3

** start of undefined **

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Technical Documentation Page</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<nav id="navbar">
<header>Présentation de Ease IT Solutions</header>
<a href="#Présentation" class="nav-link">Présentation</a>
<a href="#Fonctionnement" class="nav-link">Fonctionnement</a>
<a href="#Services" class="nav-link">Services</a>
<a href="#Service_client" class="nav-link">Service client</a>
<a href="#Service_partenaire" class="nav-link">Service partenaire</a>
</nav>
<main id="main-doc">
<section class="main-section" id="Présentation">
<header id="Présentation">Présentation</header>
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Recusandae
quisquam explicabo ratione doloremque! Commodi, exercitationem vero odit quibusdam
et ex.
</p>
<ul>
<li>Service client</li>
<li>Service client</li>
</ul>
<code>Dim profile As profile</code>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Recusandae
quisquam explicabo ratione doloremque! Commodi, exercitationem vero odit quibusdam
et ex.</p>
</section>
<section class="main-section" id="Fonctionnement">
<header id="Fonctionnement">Fonctionnement</header>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Recusandae
quisquam explicabo ratione doloremque! Commodi, exercitationem vero odit quibusdam
et ex.</p>
<code>Dim profile As profile</code>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Recusandae
quisquam explicabo ratione doloremque! Commodi, exercitationem vero odit quibusdam
et ex.</p>
<code>Profile = new Profile()</code>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Recusandae
quisquam explicabo ratione doloremque! Commodi, exercitationem vero odit quibusdam
et ex.</p>
</section>
<section class="main-section" id="Services">
<header id="Services">Services</header>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Recusandae
quisquam explicabo ratione doloremque! Commodi, exercitationem vero odit quibusdam
et ex.</p>
<ul>
<li>Service client</li>
<li>Service techniciens</li>
<li>Service tiers</li>
</ul>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Recusandae
quisquam explicabo ratione doloremque! Commodi, exercitationem vero odit quibusdam
et ex.</p>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Recusandae
quisquam explicabo ratione doloremque! Commodi, exercitationem vero odit quibusdam
et ex.</p>
</section>
<section class="main-section" id="Service_client">
<header id="Service_client">Service client</header>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Recusandae
quisquam explicabo ratione doloremque! Commodi, exercitationem vero odit quibusdam
et ex.</p>
<code>profile.Text = "Bonjour"</code>

</section>
<section class="main-section" id="Service_partenaire">
<header id="Service_partenaire">Service partenaire</header>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Recusandae
quisquam explicabo ratione doloremque! Commodi, exercitationem vero odit quibusdam
et ex.</p>
<code>profile.Bgcolor</code>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Recusandae
quisquam explicabo ratione doloremque! Commodi, exercitationem vero odit quibusdam
et ex.</p>
</section>
</main>
</body>
</html>

** end of undefined **

** start of undefined **

html{
box-sizing: border-box;
}
main{
padding: 15px
}

header{
font-size: 30px;
}

nav header{
text-align: center;
padding-top: 10px;
margin-bottom: 20px;
padding: 10px 10px 10px 10px;
}

.nav-link{
display: block;
text-decoration: none;
color: black;
border-top: 1px solid black;
padding: 10px 10px 10px 10px;
}
@media (min-width: 1024px) {
#navbar {
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 250px; /* Adjust the width as needed */
border-right: 2px solid black;
z-index: 1000; /* Ensure it's on top of other elements */
}
#main-doc{
margin-left: 250px;
}
}

** end of undefined **

You might also like