free
/
freedombone


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757
							<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title></title>
<!-- 2018-06-17 Sun 19:33 -->
<meta  http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta  name="generator" content="Org-mode" />
<meta  name="author" content="Bob Mottram" />
<meta  name="description" content="List of apps available on freedombone"
 />
<meta  name="keywords" content="freedombone, apps" />
<style type="text/css">
 <!--/*--><![CDATA[/*><!--*/
  .title  { text-align: center; }
  .todo   { font-family: monospace; color: red; }
  .done   { color: green; }
  .tag    { background-color: #eee; font-family: monospace;
            padding: 2px; font-size: 80%; font-weight: normal; }
  .timestamp { color: #bebebe; }
  .timestamp-kwd { color: #5f9ea0; }
  .right  { margin-left: auto; margin-right: 0px;  text-align: right; }
  .left   { margin-left: 0px;  margin-right: auto; text-align: left; }
  .center { margin-left: auto; margin-right: auto; text-align: center; }
  .underline { text-decoration: underline; }
  #postamble p, #preamble p { font-size: 90%; margin: .2em; }
  p.verse { margin-left: 3%; }
  pre {
    border: 1px solid #ccc;
    box-shadow: 3px 3px 3px #eee;
    padding: 8pt;
    font-family: monospace;
    overflow: auto;
    margin: 1.2em;
  }
  pre.src {
    position: relative;
    overflow: visible;
    padding-top: 1.2em;
  }
  pre.src:before {
    display: none;
    position: absolute;
    background-color: white;
    top: -10px;
    right: 10px;
    padding: 3px;
    border: 1px solid black;
  }
  pre.src:hover:before { display: inline;}
  pre.src-sh:before    { content: 'sh'; }
  pre.src-bash:before  { content: 'sh'; }
  pre.src-emacs-lisp:before { content: 'Emacs Lisp'; }
  pre.src-R:before     { content: 'R'; }
  pre.src-perl:before  { content: 'Perl'; }
  pre.src-java:before  { content: 'Java'; }
  pre.src-sql:before   { content: 'SQL'; }

  table { border-collapse:collapse; }
  caption.t-above { caption-side: top; }
  caption.t-bottom { caption-side: bottom; }
  td, th { vertical-align:top;  }
  th.right  { text-align: center;  }
  th.left   { text-align: center;   }
  th.center { text-align: center; }
  td.right  { text-align: right;  }
  td.left   { text-align: left;   }
  td.center { text-align: center; }
  dt { font-weight: bold; }
  .footpara:nth-child(2) { display: inline; }
  .footpara { display: block; }
  .footdef  { margin-bottom: 1em; }
  .figure { padding: 1em; }
  .figure p { text-align: center; }
  .inlinetask {
    padding: 10px;
    border: 2px solid gray;
    margin: 10px;
    background: #ffffcc;
  }
  #org-div-home-and-up
   { text-align: right; font-size: 70%; white-space: nowrap; }
  textarea { overflow-x: auto; }
  .linenr { font-size: smaller }
  .code-highlighted { background-color: #ffff00; }
  .org-info-js_info-navigation { border-style: none; }
  #org-info-js_console-label
    { font-size: 10px; font-weight: bold; white-space: nowrap; }
  .org-info-js_search-highlight
    { background-color: #ffff00; color: #000000; font-weight: bold; }
  /*]]>*/-->
</style>
<link rel="stylesheet" type="text/css" href="freedombone.css" />
<script type="text/javascript">
/*
@licstart  The following is the entire license notice for the
JavaScript code in this tag.

Copyright (C) 2012-2013 Free Software Foundation, Inc.

The JavaScript code in this tag is free software: you can
redistribute it and/or modify it under the terms of the GNU
General Public License (GNU GPL) as published by the Free Software
Foundation, either version 3 of the License, or (at your option)
any later version.  The code is distributed WITHOUT ANY WARRANTY;
without even the implied warranty of MERCHANTABILITY or FITNESS
FOR A PARTICULAR PURPOSE.  See the GNU GPL for more details.

As additional permission under GNU GPL version 3 section 7, you
may distribute non-source (e.g., minimized or compacted) forms of
that code without the copy of the GNU GPL normally required by
section 4, provided you include this license notice and a URL
through which recipients can access the Corresponding Source.


@licend  The above is the entire license notice
for the JavaScript code in this tag.
*/
<!--/*--><![CDATA[/*><!--*/
 function CodeHighlightOn(elem, id)
 {
   var target = document.getElementById(id);
   if(null != target) {
     elem.cacheClassElem = elem.className;
     elem.cacheClassTarget = target.className;
     target.className = "code-highlighted";
     elem.className   = "code-highlighted";
   }
 }
 function CodeHighlightOff(elem, id)
 {
   var target = document.getElementById(id);
   if(elem.cacheClassElem)
     elem.className = elem.cacheClassElem;
   if(elem.cacheClassTarget)
     target.className = elem.cacheClassTarget;
 }
/*]]>*///-->
</script>
</head>
<body>
<div id="preamble" class="status">
<a name="top" id="top"></a>
</div>
<div id="content">
<h1 class="title"></h1>

<div class="figure">
<p><img src="images/logo.png" alt="logo.png" width="80%" height="10%" align="center" />
</p>
</div>

<blockquote>
<p>
"<i>In times of aggressive corporatization, increasing enclosure of communication spaces, and blanket surveillance, emancipatory communication practices appear to be particularly well suited to offer concrete alternatives to activists and citizens alike</i>" &#x2013; Stefania Milan
</p>
</blockquote>

<p>
The base install of the system just contains an email server and Mutt client, but not much else. In addition from within the <b>Administrator control panel</b> under <b>Add/remove apps</b> the following are installable. This list only applies on the home server version, with the mesh network version having a different and smaller set of apps.
</p>


<div class="figure">
<p><img src="images/controlpanel/control_panel_apps.jpg" alt="control_panel_apps.jpg" width="80%" align="center" />
</p>
</div>

<div id="outline-container-sec-1" class="outline-2">
<h2 id="sec-1">Akaunting</h2>
<div class="outline-text-2" id="text-1">
<p>
A web based accounts system for small businesses or freelancers.
</p>

<p>
<a href="./app_akaunting.html">How to use it</a>
</p>
</div>
</div>
<div id="outline-container-sec-2" class="outline-2">
<h2 id="sec-2">BDS Mail</h2>
<div class="outline-text-2" id="text-2">
<p>
It's like ordinary email, but with <a href="https://en.wikipedia.org/wiki/I2P">i2p</a> as the transport mechanism.
</p>

<p>
<a href="./app_bdsmail.html">How to use it</a>
</p>
</div>
</div>
<div id="outline-container-sec-3" class="outline-2">
<h2 id="sec-3">Bludit</h2>
<div class="outline-text-2" id="text-3">
<p>
This is a simple databaseless blogging system which uses markdown files. It should run well on any hardware.
</p>

<p>
<a href="./app_bludit.html">How to use it</a>
</p>
</div>
</div>
<div id="outline-container-sec-4" class="outline-2">
<h2 id="sec-4">CryptPad</h2>
<div class="outline-text-2" id="text-4">
<p>
Collaborate on editing documents, presentations and source code, or vote on things. All with a good level of security.
</p>

<p>
<a href="./app_cryptpad.html">How to use it</a>
</p>
</div>
</div>
<div id="outline-container-sec-5" class="outline-2">
<h2 id="sec-5">Datserver</h2>
<div class="outline-text-2" id="text-5">
<p>
Seed dat protocol files from your server to make them always accessible.
</p>

<p>
<a href="./app_datserver.html">How to use it</a>
</p>
</div>
</div>
<div id="outline-container-sec-6" class="outline-2">
<h2 id="sec-6">DLNA</h2>
<div class="outline-text-2" id="text-6">
<p>
Enables you to use the system as a music server which any DLNA compatible devices can connect to within your home network.
</p>

<p>
<a href="./app_dlna.html">How to use it</a>
</p>
</div>
</div>
<div id="outline-container-sec-7" class="outline-2">
<h2 id="sec-7">Dokuwiki</h2>
<div class="outline-text-2" id="text-7">
<p>
A databaseless wiki system.
</p>

<p>
<a href="./app_dokuwiki.html">How to use it</a>
</p>
</div>
</div>
<div id="outline-container-sec-8" class="outline-2">
<h2 id="sec-8">Edith</h2>
<div class="outline-text-2" id="text-8">
<p>
Extremely simple and distraction-free notes system.
</p>

<p>
<a href="./app_edith.html">How to use it</a>
</p>
</div>
</div>
<div id="outline-container-sec-9" class="outline-2">
<h2 id="sec-9">Emacs</h2>
<div class="outline-text-2" id="text-9">
<p>
If you use the Mutt client to read your email then this will set it up to use emacs for composing new mail.
</p>

<p>
<a href="./app_emacs.html">How to use it</a>
</p>
</div>
</div>
<div id="outline-container-sec-10" class="outline-2">
<h2 id="sec-10">Email Server</h2>
<div class="outline-text-2" id="text-10">
<p>
Since many apps require email registration an email server is installed by default. You can find advice on using the email system <a href="./usage_email.html">here</a>.
</p>
</div>
</div>
<div id="outline-container-sec-11" class="outline-2">
<h2 id="sec-11">Etherpad</h2>
<div class="outline-text-2" id="text-11">
<p>
Collaborate on creating documents in real time. Maybe you're planning a holiday with other family members or creating documentation for a Free Software project along with other volunteers. Etherpad is hard to beat for simplicity and speed. Only users of the system will be able to access it.
</p>

<p>
<a href="./app_etherpad.html">How to use it</a>
</p>
</div>
</div>
<div id="outline-container-sec-12" class="outline-2">
<h2 id="sec-12">Federated wiki</h2>
<div class="outline-text-2" id="text-12">
<p>
A new approach to creating wiki content.
</p>

<p>
<a href="./app_fedwiki.html">How to use it</a>
</p>
</div>
</div>
<div id="outline-container-sec-13" class="outline-2">
<h2 id="sec-13">Friendica</h2>
<div class="outline-text-2" id="text-13">
<p>
Federated social network system.
</p>

<p>
<a href="./app_friendica.html">How to use it</a>
</p>
</div>
</div>
<div id="outline-container-sec-14" class="outline-2">
<h2 id="sec-14">GNU Social</h2>
<div class="outline-text-2" id="text-14">
<p>
Federated social network based on the OStatus protocol. You can "<i>remote follow</i>" other users within the GNU Social federation.
</p>

<p>
<a href="./app_gnusocial.html">How to use it</a>
</p>
</div>
</div>
<div id="outline-container-sec-15" class="outline-2">
<h2 id="sec-15">Gogs</h2>
<div class="outline-text-2" id="text-15">
<p>
Lightweight git project hosting system. You can mirror projects from Github, or if Github turns evil then just host your own projects while retaining the familiar <i>fork-and-pull</i> workflow. If you can use Github then you can also use Gogs.
</p>

<p>
<a href="./app_gogs.html">How to use it</a>
</p>
</div>
</div>
<div id="outline-container-sec-16" class="outline-2">
<h2 id="sec-16">HTMLy</h2>
<div class="outline-text-2" id="text-16">
<p>
Databaseless blogging system. Quite simple and with a markdown-like format.
</p>

<p>
<a href="./app_htmly.html">How to use it</a>
</p>
</div>
</div>
<div id="outline-container-sec-17" class="outline-2">
<h2 id="sec-17">Hubzilla</h2>
<div class="outline-text-2" id="text-17">
<p>
Web publishing platform with social network like features and good privacy controls so that it's possible to specify who can see which content. Includes photo albums, calendar, wiki and file storage.
</p>

<p>
<a href="./app_hubzilla.html">How to use it</a>
</p>
</div>
</div>
<div id="outline-container-sec-18" class="outline-2">
<h2 id="sec-18">Icecast media stream</h2>
<div class="outline-text-2" id="text-18">
<p>
Make your own internet radio station.
</p>

<p>
<a href="./app_icecast.html">How to use it</a>
</p>
</div>
</div>
<div id="outline-container-sec-19" class="outline-2">
<h2 id="sec-19">IRC Server (ngirc)</h2>
<div class="outline-text-2" id="text-19">
<p>
Run your own IRC chat channel which can be secured with a password and accessible via an onion address. A bouncer is included so that you can receive messages sent while you were offline. Works with Hexchat and other popular clients.
</p>

<p>
<a href="./app_irc.html">How to use it</a>
</p>
</div>
</div>
<div id="outline-container-sec-20" class="outline-2">
<h2 id="sec-20">Jitsi Meet</h2>
<div class="outline-text-2" id="text-20">
<p>
Experimental WebRTC video conferencing system, similar to Google Hangouts. This may not be fully functional, but is hoped to be in the near future.
</p>
</div>
</div>

<div id="outline-container-sec-21" class="outline-2">
<h2 id="sec-21">KanBoard</h2>
<div class="outline-text-2" id="text-21">
<p>
A simple kanban system for managing projects or TODO lists.
</p>

<p>
<a href="./app_kanboard.html">How to use it</a>
</p>
</div>
</div>
<div id="outline-container-sec-22" class="outline-2">
<h2 id="sec-22">Key Server</h2>
<div class="outline-text-2" id="text-22">
<p>
An OpenPGP key server for storing and retrieving GPG public keys.
</p>

<p>
<a href="./app_keyserver.html">How to use it</a>
</p>
</div>
</div>
<div id="outline-container-sec-23" class="outline-2">
<h2 id="sec-23">Koel</h2>
<div class="outline-text-2" id="text-23">
<p>
Access your music collection from any internet connected device.
</p>

<p>
<a href="./app_koel.html">How to use it</a>
</p>
</div>
</div>
<div id="outline-container-sec-24" class="outline-2">
<h2 id="sec-24">Lychee</h2>
<div class="outline-text-2" id="text-24">
<p>
Make your photo albums available on the web.
</p>

<p>
<a href="./app_lychee.html">How to use it</a>
</p>
</div>
</div>
<div id="outline-container-sec-25" class="outline-2">
<h2 id="sec-25">Mailpile</h2>
<div class="outline-text-2" id="text-25">
<p>
Modern email client which supports GPG encryption.
</p>

<p>
<a href="./app_mailpile.html">How to use it</a>
</p>
</div>
</div>
<div id="outline-container-sec-26" class="outline-2">
<h2 id="sec-26">Matrix</h2>
<div class="outline-text-2" id="text-26">
<p>
Multi-user chat with some security and moderation controls.
</p>

<p>
<a href="./app_matrix.html">How to use it</a>
</p>
</div>
</div>
<div id="outline-container-sec-27" class="outline-2">
<h2 id="sec-27">Mediagoblin</h2>
<div class="outline-text-2" id="text-27">
<p>
Publicly host video and audio files so that you don't need to use YouTube/Vimeo/etc.
</p>

<p>
<a href="./app_mediagoblin.html">How to use it</a>
</p>
</div>
</div>
<div id="outline-container-sec-28" class="outline-2">
<h2 id="sec-28">Mumble</h2>
<div class="outline-text-2" id="text-28">
<p>
The popular VoIP and text chat system. Say goodbye to old-fashioned telephony conferences with silly dial codes. Also works well on mobile.
</p>

<p>
<a href="./app_mumble.html">How to use it</a>
</p>
</div>
</div>
<div id="outline-container-sec-29" class="outline-2">
<h2 id="sec-29">NextCloud</h2>
<div class="outline-text-2" id="text-29">
<p>
Store files on your server and sync them with laptops or mobile devices. Includes many plugins including videoconferencing and collaborative document editing.
</p>

<p>
<a href="./app_nextcloud.html">How to use it</a>
</p>
</div>
</div>
<div id="outline-container-sec-30" class="outline-2">
<h2 id="sec-30">PeerTube</h2>
<div class="outline-text-2" id="text-30">
<p>
Peer-to-peer video hosting. Similar to Mediagoblin, but the P2P aspect better enables the streaming load to be shared across servers.
</p>

<p>
<a href="./app_peertube.html">How to use it</a>
</p>
</div>
</div>
<div id="outline-container-sec-31" class="outline-2">
<h2 id="sec-31">PI-Hole</h2>
<div class="outline-text-2" id="text-31">
<p>
The black hole for web adverts. Block adverts at the domain name level within your local network. It can significantly reduce bandwidth, speed up page load times and protect your systems from being tracked by spyware.
</p>

<p>
<a href="./app_pihole.html">How to use it</a>
</p>
</div>
</div>
<div id="outline-container-sec-32" class="outline-2">
<h2 id="sec-32">Pleroma</h2>
<div class="outline-text-2" id="text-32">
<p>
Fediverse instance which is compatible with GNU Social and Mastodon, and suited for systems without much RAM or CPU resource.
</p>

<p>
<a href="./app_pleroma.html">How to use it</a>
</p>
</div>
</div>
<div id="outline-container-sec-33" class="outline-2">
<h2 id="sec-33">PostActiv</h2>
<div class="outline-text-2" id="text-33">
<p>
An alternative federated social networking system compatible with GNU Social, Pleroma and Mastodon. It includes some optimisations and fixes currently not available within the main GNU Social project.
</p>

<p>
<a href="./app_postactiv.html">How to use it</a>
</p>
</div>
</div>
<div id="outline-container-sec-34" class="outline-2">
<h2 id="sec-34">PrivateBin</h2>
<div class="outline-text-2" id="text-34">
<p>
A pastebin where the server has zero knowledge of the content being pasted.
</p>

<p>
<a href="./app_privatebin.html">How to use it</a>
</p>
</div>
</div>
<div id="outline-container-sec-35" class="outline-2">
<h2 id="sec-35">Profanity</h2>
<div class="outline-text-2" id="text-35">
<p>
A shell based XMPP client which you can run on the Freedombone server via ssh.
</p>

<p>
<a href="./app_profanity.html">How to use it</a>
</p>
</div>
</div>
<div id="outline-container-sec-36" class="outline-2">
<h2 id="sec-36">Riot Web</h2>
<div class="outline-text-2" id="text-36">
<p>
A browser based user interface for the Matrix federated communications system, including WebRTC audio and video chat.
</p>

<p>
<a href="./app_riot.html">How to use it</a>
</p>
</div>
</div>
<div id="outline-container-sec-37" class="outline-2">
<h2 id="sec-37">Rocketchat</h2>
<div class="outline-text-2" id="text-37">
<p>
A non-federated chat server (x86 systems only).
</p>

<p>
<a href="./app_rocketchat.html">How to use it</a>
</p>
</div>
</div>
<div id="outline-container-sec-38" class="outline-2">
<h2 id="sec-38">SearX</h2>
<div class="outline-text-2" id="text-38">
<p>
A metasearch engine for customised and private web searches.
</p>

<p>
<a href="./app_searx.html">How to use it</a>
</p>
</div>
</div>
<div id="outline-container-sec-39" class="outline-2">
<h2 id="sec-39">Smol RSS</h2>
<div class="outline-text-2" id="text-39">
<p>
A very minimal RSS reader.
</p>

<p>
<a href="./app_smolrss.html">How to use it</a>
</p>
</div>
</div>
<div id="outline-container-sec-40" class="outline-2">
<h2 id="sec-40">Syncthing</h2>
<div class="outline-text-2" id="text-40">
<p>
Possibly the best way to synchronise files across all of your devices. Once it has been set up it "just works" with no user intervention needed.
</p>

<p>
<a href="./app_syncthing.html">How to use it</a>
</p>
</div>
</div>
<div id="outline-container-sec-41" class="outline-2">
<h2 id="sec-41">tt-rss</h2>
<div class="outline-text-2" id="text-41">
<p>
Private RSS reader. Pulls in RSS/Atom feeds via Tor and is only accessible via an onion address. Have "<i>the right to read</i>" without the Surveillance State knowing what you're reading. Also available with a user interface suitable for viewing on mobile devices via a browser such as OrFox.
</p>

<p>
<a href="./app_rss.html">How to use it</a>
</p>
</div>
</div>
<div id="outline-container-sec-42" class="outline-2">
<h2 id="sec-42">Tahoe-LAFS</h2>
<div class="outline-text-2" id="text-42">
<p>
Robust and encrypted storage of files on one or more server.
</p>

<p>
<a href="./app_tahoelafs.html">How to use it</a>
</p>
</div>
</div>
<div id="outline-container-sec-43" class="outline-2">
<h2 id="sec-43">Tox</h2>
<div class="outline-text-2" id="text-43">
<p>
Client and bootstrap node for the Tox chat/VoIP system.
</p>

<p>
<a href="./app_tox.html">How to use it</a>
</p>
</div>
</div>
<div id="outline-container-sec-44" class="outline-2">
<h2 id="sec-44">Turtl</h2>
<div class="outline-text-2" id="text-44">
<p>
A system for privately creating and sharing notes and images, similar to Evernote but without the spying.
</p>

<p>
<a href="./app_turtl.html">How to use it</a>
</p>
</div>
</div>
<div id="outline-container-sec-45" class="outline-2">
<h2 id="sec-45">Vim</h2>
<div class="outline-text-2" id="text-45">
<p>
If you use the Mutt client to read your email then this will set it up to use vim for composing new mail.
</p>
</div>
</div>

<div id="outline-container-sec-46" class="outline-2">
<h2 id="sec-46">Virtual Private Network (VPN)</h2>
<div class="outline-text-2" id="text-46">
<p>
Set up a VPN on your server so that you can bypass local internet censorship.
</p>

<p>
<a href="./app_vpn.html">How to use it</a>
</p>
</div>
</div>
<div id="outline-container-sec-47" class="outline-2">
<h2 id="sec-47">XMPP</h2>
<div class="outline-text-2" id="text-47">
<p>
Chat server which can be used together with client such as Gajim or Conversations to provide end-to-end content security and also onion routed metadata security. Includes advanced features such as <i>client state notification</i> to save battery power on your mobile devices, support for seamless roaming between networks and <i>message carbons</i> so that you can receive the same messages while being simultaneously logged in to your account on more than one device.
</p>

<p>
<a href="./app_xmpp.html">How to use it</a>
</p>


<div class="figure">
<p><a href="fdl-1.3.txt" width="10%" height="2%" align="center"><img src="images/gfdl.png" alt="gfdl.png" width="10%" height="2%" align="center" /></a>
</p>
</div>
</div>
</div>
</div>
<div id="postamble" class="status">

<style type="text/css">
.back-to-top {
    position: fixed;
    bottom: 2em;
    right: 0px;
    text-decoration: none;
    color: #000000;
    background-color: rgba(235, 235, 235, 0.80);
    font-size: 12px;
    padding: 1em;
    display: none;
}

.back-to-top:hover {
    background-color: rgba(135, 135, 135, 0.50);
}
</style>

<div class="back-to-top">
<a href="#top">Back to top</a> | <a href="mailto:bob@freedombone.net">E-mail me</a>
</div>
</div>
</body>
</html>