721 lines
14 KiB
HTML
721 lines
14 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
<html lang="en-us">
|
|||
|
|
|||
|
<head>
|
|||
|
|
|||
|
<meta charset="utf-8">
|
|||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|||
|
<meta name="generator" content="Source Themes Academia 4.3.1">
|
|||
|
<meta name="generator" content="Hugo 0.89.4" />
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
<meta name="author" content="Léa Jean">
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
<meta name="description" content="Conception d'une pièce exemple, réalisation à la fraiseuse numérique Charly Robot, et rédaction de la procédure.">
|
|||
|
|
|||
|
|
|||
|
<link rel="alternate" hreflang="en-us" href="/portfolios/lea-jean/project/plaque-boite-aux-lettres/">
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
<meta name="theme-color" content="#60aaf3">
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/academicons/1.8.6/css/academicons.min.css" integrity="sha256-uFVgMKfistnJAfoCUQigIl+JfUaP47GrRKjf6CTPVmw=" crossorigin="anonymous">
|
|||
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.0/css/all.css" integrity="sha384-aOkxzJ5uQz7WBObEZcHvV5JvRW3TUc2rNPA7pe3AwnsUohiw1Vj2Rgx2KSOkF5+h" crossorigin="anonymous">
|
|||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.2.5/jquery.fancybox.min.css" integrity="sha256-ygkqlh3CYSUri3LhQxzdcm0n1EQvH2Y+U5S2idbLtxs=" crossorigin="anonymous">
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/styles/github.min.css" crossorigin="anonymous" title="hl-light">
|
|||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/styles/dracula.min.css" crossorigin="anonymous" title="hl-dark" disabled>
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700|Open+Sans|Roboto+Mono&display=swap">
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
<link rel="stylesheet" href="/portfolios/lea-jean/css/academia.min.9972e892666a05bd315bf8453ba138a8.css">
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
<link rel="manifest" href="/portfolios/lea-jean/site.webmanifest">
|
|||
|
<link rel="icon" type="image/png" href="/portfolios/lea-jean/img/icon.png">
|
|||
|
<link rel="apple-touch-icon" type="image/png" href="/portfolios/lea-jean/img/icon-192.png">
|
|||
|
|
|||
|
<link rel="canonical" href="/portfolios/lea-jean/project/plaque-boite-aux-lettres/">
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
<meta property="twitter:card" content="summary_large_image">
|
|||
|
|
|||
|
<meta property="og:site_name" content="Léa Jean">
|
|||
|
<meta property="og:url" content="/portfolios/lea-jean/project/plaque-boite-aux-lettres/">
|
|||
|
<meta property="og:title" content="Chaîne numérique d’une plaque de boîte aux lettres | Léa Jean">
|
|||
|
<meta property="og:description" content="Conception d'une pièce exemple, réalisation à la fraiseuse numérique Charly Robot, et rédaction de la procédure."><meta property="og:image" content="/portfolios/lea-jean/project/plaque-boite-aux-lettres/featured.jpg">
|
|||
|
<meta property="twitter:image" content="/portfolios/lea-jean/project/plaque-boite-aux-lettres/featured.jpg"><meta property="og:locale" content="en-us">
|
|||
|
|
|||
|
<meta property="article:published_time" content="2021-10-01T00:00:00+00:00">
|
|||
|
|
|||
|
<meta property="article:modified_time" content="2021-10-01T00:00:00+00:00">
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
<title>Chaîne numérique d’une plaque de boîte aux lettres | Léa Jean</title>
|
|||
|
|
|||
|
</head>
|
|||
|
|
|||
|
|
|||
|
<body id="top" data-spy="scroll" data-target="#TableOfContents" data-offset="71" >
|
|||
|
|
|||
|
<aside class="search-results" id="search">
|
|||
|
<div class="container">
|
|||
|
<section class="search-header">
|
|||
|
|
|||
|
<div class="row no-gutters justify-content-between mb-3">
|
|||
|
<div class="col-6">
|
|||
|
<h1>Search</h1>
|
|||
|
</div>
|
|||
|
<div class="col-6 col-search-close">
|
|||
|
<a class="js-search" href="#"><i class="fas fa-times-circle text-muted" aria-hidden="true"></i></a>
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
|
|||
|
<div id="search-box">
|
|||
|
|
|||
|
|
|||
|
|
|||
|
</div>
|
|||
|
|
|||
|
</section>
|
|||
|
<section class="section-search-results">
|
|||
|
|
|||
|
<div id="search-hits">
|
|||
|
|
|||
|
</div>
|
|||
|
|
|||
|
</section>
|
|||
|
</div>
|
|||
|
</aside>
|
|||
|
|
|||
|
|
|||
|
|
|||
|
<nav class="navbar navbar-light fixed-top navbar-expand-lg py-0" id="navbar-main">
|
|||
|
<div class="container">
|
|||
|
|
|||
|
|
|||
|
<a class="navbar-brand" href="/portfolios/lea-jean/"><img src="/portfolios/lea-jean/img/lyc.png" alt="Léa Jean"></a>
|
|||
|
<a class="navbar-brand" href="/portfolios/lea-jean/">Léa Jean</a>
|
|||
|
|
|||
|
|
|||
|
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"><span><i class="fas fa-bars"></i></span>
|
|||
|
</button>
|
|||
|
|
|||
|
|
|||
|
|
|||
|
<div class="collapse navbar-collapse" id="navbar">
|
|||
|
|
|||
|
|
|||
|
<ul class="navbar-nav ml-auto">
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
<li class="nav-item">
|
|||
|
<a class="nav-link " href="/portfolios/lea-jean/#hero"><span>Accueil</span></a>
|
|||
|
</li>
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
<li class="nav-item">
|
|||
|
<a class="nav-link " href="/portfolios/lea-jean/#experience"><span>Parcours</span></a>
|
|||
|
</li>
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
<li class="nav-item">
|
|||
|
<a class="nav-link " href="/portfolios/lea-jean/#skills"><span>Compétences</span></a>
|
|||
|
</li>
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
<li class="nav-item">
|
|||
|
<a class="nav-link " href="/portfolios/lea-jean/#projects"><span>Réalisations</span></a>
|
|||
|
</li>
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
<li class="nav-item">
|
|||
|
<a class="nav-link " href="/portfolios/lea-jean/#contact"><span>Contact</span></a>
|
|||
|
</li>
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
</ul>
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
</nav>
|
|||
|
|
|||
|
|
|||
|
<article class="article article-project py-5" itemscope itemtype="http://schema.org/Article">
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
<div class="container split-header">
|
|||
|
<div class="row justify-content-center">
|
|||
|
<div class="col-lg-8">
|
|||
|
<img class="img-fluid w-100" src="/portfolios/lea-jean/project/plaque-boite-aux-lettres/featured_hud3597070b983ca2f9cb87c737083b0b9_5423576_680x500_fill_q90_lanczos_smart1.jpg" itemprop="image" alt="">
|
|||
|
|
|||
|
</div>
|
|||
|
<div class="col-lg-8">
|
|||
|
<h1 itemprop="name">Chaîne numérique d’une plaque de boîte aux lettres</h1>
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
<meta content="2021-10-01 00:00:00 +0000 UTC" itemprop="datePublished">
|
|||
|
<meta content="2021-10-01 00:00:00 +0000 UTC" itemprop="dateModified">
|
|||
|
|
|||
|
<div class="article-metadata">
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
<span class="article-date">
|
|||
|
Publié le
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
<time>01-10-2021</time>
|
|||
|
</span>
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
</div>
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
<div class="btn-links mb-3">
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
<a class="btn btn-outline-primary my-1 mr-1" href="https://projets.cohabit.fr/redmine/projects/documentation-machines/wiki/Exemple_d%27un_processus_complet" target="_blank" rel="noopener">
|
|||
|
|
|||
|
Documentation publique
|
|||
|
</a>
|
|||
|
|
|||
|
|
|||
|
</div>
|
|||
|
|
|||
|
|
|||
|
</div>
|
|||
|
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
|
|||
|
<div class="article-container">
|
|||
|
|
|||
|
<div class="article-style" itemprop="articleBody" style="text-align:justify;">
|
|||
|
<p>L’objectif du projet est, d’une part, de construire la chaîne numérique d’une pièce usinée, et d’autre part d’être capable, pour le Fablab, de faire de la CFAO sans passer par le logiciel du Charly Robot.</p>
|
|||
|
<p>La pièce souhaitée est une plaque gravée pour boîtes aux lettres aux dimensions standards 100x25x3 mm (l’épaisseur correspond à l’épaisseur de la plaque utilisée) et percée aux quatre coins. On y grave dessus un nom et un petit logo. On utilise par ailleurs une plaque en Dibond d’épaisseur 3 mm.</p>
|
|||
|
<p>Il convient de d’abord modéliser la pièce sur FreeCAD, puis avec le module path de FreeCAD, de construire les trajectoires outils et fixé les paramètres d’usinage pour pouvoir ensuite exporter le <a href="https://en.wikipedia.org/wiki/G-code">G-code</a> généré par le logiciel. Pour que cela fonctionne, il faut préalablement télécharger le post-processeur du Charly Robot et le ranger dans un dossier du logiciel pour que le fichier puisse être lu par celui-ci <a href="https://projets.cohabit.fr/redmine/projects/documentation-machines/wiki/Charly_Robot_2U#section-10">(comment installer le post-process du Charly Robot)</a>. Une fois les fichiers contenant le code ISO générés, il sont chargés dans le logiciel de pilotage du Charly Robot. Après avoir fixé les paramètres nécessaires, on lance l’usinage. J’ai fait plusieurs essais pour trouver les bons paramètres d’usinage. Après avoir eu un résultat satisfaisant, d’autres essais ont été faits avec d’autres noms et d’autres dessins.</p>
|
|||
|
<p>En parallèle, une notice est rédigée, contenant chaque étape du processus de la CAO à la fabrication. Un tuto vidéo de la CFAO pour compléter la notice écrite.</p>
|
|||
|
|
|||
|
</div>
|
|||
|
|
|||
|
|
|||
|
|
|||
|
<div class="article-tags">
|
|||
|
|
|||
|
<a class="badge badge-light" href="/portfolios/lea-jean/tags/fab/">fab</a>
|
|||
|
|
|||
|
</div>
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
<div class="media author-card" itemscope itemtype="http://schema.org/Person">
|
|||
|
|
|||
|
<img src="/portfolios/lea-jean/img/leebit.png" alt="Profil" height="80" width="80">
|
|||
|
|
|||
|
|
|||
|
<div class="media-body">
|
|||
|
<h5 class="card-title" style="display:flex; justify-content:center;" itemprop="name"><a href="/portfolios/lea-jean">Léa Jean</a></h5>
|
|||
|
<h6 class="card-subtitle" style="display:flex; justify-content:center;">Volontaire en Service Civique</h6>
|
|||
|
|
|||
|
<ul class="network-icon" style="display:flex; justify-content:center;" aria-hidden="true">
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
<li>
|
|||
|
<a itemprop="sameAs" href="/portfolios/lea-jean/#contact" >
|
|||
|
<i class="fas fa-envelope"></i>
|
|||
|
</a>
|
|||
|
</li>
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
<li>
|
|||
|
<a itemprop="sameAs" href="/portfolios/lea-jean/#contact" >
|
|||
|
<i class="fas fa-phone"></i>
|
|||
|
</a>
|
|||
|
</li>
|
|||
|
|
|||
|
</ul>
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
</div>
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
</article>
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
|
|||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.imagesloaded/4.1.4/imagesloaded.pkgd.min.js" integrity="sha256-lqvxZrPLtfffUl2G/e7szqSvPBILGbwmsGE1MKlOi0Q=" crossorigin="anonymous"></script>
|
|||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.isotope/3.0.6/isotope.pkgd.min.js" integrity="sha256-CBrpuqrMhXwcLLUd5tvQ4euBHCdh7wGlDfNz8vbu/iI=" crossorigin="anonymous"></script>
|
|||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.2.5/jquery.fancybox.min.js" integrity="sha256-X5PoE3KU5l+JcX+w09p/wHl9AzK333C4hJ2I9S5mD4M=" crossorigin="anonymous"></script>
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/highlight.min.js" integrity="sha256-aYTdUrn6Ow1DDgh5JTc3aDGnnju48y/1c8s1dgkYPQ8=" crossorigin="anonymous"></script>
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
<script>hljs.initHighlightingOnLoad();</script>
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
<script src="/portfolios/lea-jean/js/academia.min.d691276f1564f37d5e31c2e5fb0cfcae.js"></script>
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
<div class="container">
|
|||
|
<footer class="site-footer">
|
|||
|
<div class="container" style="display:flex; justify-content: center;">
|
|||
|
<div class="row align-items-center">
|
|||
|
<div>
|
|||
|
|
|||
|
<p class="mb-0" style="text-align:center;">
|
|||
|
|
|||
|
Site réalisé à partir du thème :
|
|||
|
<a href="https://themes.gohugo.io/themes/academia-hugo/" target="_blank" rel="noopener">Academia Hugo</a>.
|
|||
|
</p>
|
|||
|
<p style="text-align:center;">Code source modifié par <i style="color:#ffb92c;">Léa JEAN</i> et <i style="color:#ffb92c;">Habib BELARIBI</i>.</p>
|
|||
|
</div>
|
|||
|
<div class="col-md-6">
|
|||
|
<ul class="list-inline network-icon text-right mb-0">
|
|||
|
|
|||
|
|
|||
|
</ul>
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
</footer>
|
|||
|
|
|||
|
</div>
|
|||
|
|
|||
|
|
|||
|
|
|||
|
<div id="modal" class="modal fade" role="dialog">
|
|||
|
<div class="modal-dialog">
|
|||
|
<div class="modal-content">
|
|||
|
<div class="modal-header">
|
|||
|
<h5 class="modal-title">Cite</h5>
|
|||
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|||
|
<span aria-hidden="true">×</span>
|
|||
|
</button>
|
|||
|
</div>
|
|||
|
<div class="modal-body">
|
|||
|
<pre><code class="tex hljs"></code></pre>
|
|||
|
</div>
|
|||
|
<div class="modal-footer">
|
|||
|
<a class="btn btn-outline-primary my-1 js-copy-cite" href="#" target="_blank">
|
|||
|
<i class="fas fa-copy"></i> Copy
|
|||
|
</a>
|
|||
|
<a class="btn btn-outline-primary my-1 js-download-cite" href="#" target="_blank">
|
|||
|
<i class="fas fa-download"></i> Download
|
|||
|
</a>
|
|||
|
<div id="modal-error"></div>
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
|
|||
|
</body>
|
|||
|
</html>
|