655 lines
21 KiB
HTML
655 lines
21 KiB
HTML
<!DOCTYPE HTML>
|
|
<!--
|
|
Helios by HTML5 UP
|
|
html5up.net | @n33co
|
|
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
|
-->
|
|
<html>
|
|
<head>
|
|
<title>Morse Code over IP</title>
|
|
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
|
<meta name="description" content="" />
|
|
<meta name="keywords" content="" />
|
|
<!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
|
|
<script src="js/jquery.min.js"></script>
|
|
<script src="js/jquery.dropotron.min.js"></script>
|
|
<script src="js/jquery.scrolly.min.js"></script>
|
|
<script src="js/jquery.onvisible.min.js"></script>
|
|
<script src="js/skel.min.js"></script>
|
|
<script src="js/skel-layers.min.js"></script>
|
|
<script src="js/init.js"></script>
|
|
<noscript>
|
|
<link rel="stylesheet" href="css/skel.css" />
|
|
<link rel="stylesheet" href="css/style.css" />
|
|
<link rel="stylesheet" href="css/style-desktop.css" />
|
|
<link rel="stylesheet" href="css/style-noscript.css" />
|
|
</noscript>
|
|
<!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
|
|
</head>
|
|
<body class="homepage">
|
|
<!-- Header -->
|
|
<div id="header">
|
|
|
|
<!-- Inner -->
|
|
<div class="inner">
|
|
<header>
|
|
<h1><a href="index.html" id="logo">MoIP - Morse Code over IP</a></h1>
|
|
<hr />
|
|
<p>Morse Code over IP</p>
|
|
</header>
|
|
<footer>
|
|
<a href="#gettingstarted">Getting Started</a>
|
|
</footer>
|
|
</div>
|
|
|
|
<!-- Nav -->
|
|
<nav id="nav">
|
|
<ul>
|
|
<li><a href="#whymorsecode">Why Morse Code?</a></li>
|
|
|
|
<li><a href="#documentation">What is MoIP?</a>
|
|
<ul>
|
|
<li><a href="#history">History</a></li>
|
|
<li><a href="#architecture">Architecture</a></li>
|
|
<li><a href="#protocol">Protocol</a></li>
|
|
<li><a href="#servers">Servers</a></li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="#software">Download Software</a>
|
|
<ul>
|
|
<li><a href="#linux">Linux</a></li>
|
|
<li><a href="#osx">OSX</a></li>
|
|
<li><a href="#windows">Windows</a></li>
|
|
<li><a href="#ios">iOS</a></li>
|
|
<li><a href="#arduino">Arduino</a></li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="#hardware">Hardware Interfaces</a>
|
|
<ul>
|
|
<li><a href="#serial">Serial Interface</a></li>
|
|
<li><a href="#usb">USB Interface</a></li>
|
|
<li><a href="#bluetooth">Bluetooth Interface</a></li>
|
|
</ul>
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
|
|
<!-- Why Morse Code? -->
|
|
<a name="whymorsecode"></a>
|
|
<div class="wrapper style2">
|
|
<article id="main" class="container special">
|
|
<header>
|
|
<h2><a href="#">Why Morse Code?</a></h2>
|
|
<p>
|
|
We believe the cultural legacy morse code shall live on in the information age.
|
|
</p>
|
|
</header>
|
|
<p>
|
|
For a period of ca. seventy years telecommunication was only possible by way of transmission methods using the Morse code.
|
|
The Morse alphabet, in the form still officially and globally widespread to this day, was invented a good 150 years ago by
|
|
the German Clemens Gerke. This art of broadcasting messages by way of Morse telegraphy was and still is only possible if one
|
|
has specialist knowledge and skills. It is a type of intercultural form of culture and communication that overcomes the
|
|
barriers of time and space
|
|
(<a href="http://www.unesco.de/en/kultur/immaterielles-kulturerbe/german-inventory/inscription/morse-telegraphy.html" target=_new>
|
|
Morse Code as UNESCO Intangible Cultural Heritage</a>).
|
|
The transmission of messages by way of the Morse code is nowadays no longer necessary for technological,
|
|
economic and military reasons.
|
|
Morse code is fun to learn and due to its simplicity wide range of experiments with communication
|
|
technologies can done with little cost.
|
|
</p>
|
|
</article>
|
|
</div>
|
|
|
|
<!-- History -->
|
|
<a name="history"></a>
|
|
<div class="wrapper style2">
|
|
<article id="main" class="container special">
|
|
<header>
|
|
<h2><a href="#">History</a></h2>
|
|
<p>
|
|
TB
|
|
</p>
|
|
</header>
|
|
<p>
|
|
In analogy to voice over ip (voip) we can also do morse code over ip (moip).
|
|
Here we describe the well-establised CWCom protocol (since 1998).
|
|
|
|
* Morse KOB, Les Kerr: https://sites.google.com/site/morsekob/ and http://kob.sdf.org/morsekob/
|
|
* CWCom, John Samin (VK1EME): http://www.mrx.com.au/
|
|
|
|
TBD
|
|
</p>
|
|
</article>
|
|
</div>
|
|
|
|
<!-- The Architecture -->
|
|
<a name="architecture"></a>
|
|
<div class="wrapper style2">
|
|
<article id="main" class="container special">
|
|
<header>
|
|
<h2><a href="#">The Architecture</a></h2>
|
|
<p>
|
|
TBD
|
|
</p>
|
|
</header>
|
|
<p>
|
|
TBD
|
|
## CWCom Servers
|
|
The clients will connect to one of the servers using the CWCom protocol.
|
|
|
|
The source code for a server on a Raspi can be found [here](https://sites.google.com/site/morsekob/server).
|
|
|
|
## Compatibility
|
|
The original CWCom protocol has been extended for MorseKOB, as landline telegraphy uses
|
|
closed circuits (latching). There are mainly two server types for moip (see below):
|
|
the original CWCom server and the MorseKOB server. Both servers are compatible using a
|
|
relay server written by Bob Denny ([source code](https://github.com/8cH9azbsFifZ/moip-relay-server/tree/master)).
|
|
|
|
|
|
</p>
|
|
</article>
|
|
</div>
|
|
|
|
<!-- The Protocol -->
|
|
<a name="protocol"></a>
|
|
<div class="wrapper style2">
|
|
<article id="main" class="container special">
|
|
<header>
|
|
<h2><a href="#">The Protocol</a></h2>
|
|
<p>
|
|
TBD
|
|
https://github.com/8cH9azbsFifZ/moip/raw/master/doc/cwcom.pdf
|
|
The [CWCom protocol](/doc/cwcom.pdf?raw=true) (cw communicator) is an effective method for transmitting
|
|
morse code signals as UDP packets over IP.
|
|
</p>
|
|
</header>
|
|
<p>
|
|
<a href="http://en.wikipedia.org/wiki/QRP_operation" target=_new>QRP</a>
|
|
</p>
|
|
</article>
|
|
</div>
|
|
|
|
<!-- The Servers -->
|
|
<a name="servers"></a>
|
|
<div class="wrapper style2">
|
|
<article id="main" class="container special">
|
|
<header>
|
|
<h2><a href="#">The MoIP Servers</a></h2>
|
|
<p>
|
|
TBD
|
|
</p>
|
|
</header>
|
|
<p>
|
|
|
|
## Servers
|
|
| Network | Server | Port | Activity |
|
|
| :------------ | ---------------: | :---- | :------- |
|
|
| MorseKOB | faeroes.sdf.org, mtc-kob.dyndns.org | 7890 | [Info](http://mtc-kob.dyndns.org/info.html) [Activity](http://mtc-kob.dyndns.org) |
|
|
| MRX CWCom | morsecode.dyndns.org | 7890 | [Activity](http://morsecode.dyndns.org) |
|
|
| Relay Server | N/A | N/A | [Activity](http://morsecode.dc3.com:7890) |
|
|
|
|
</p>
|
|
</article>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Software -->
|
|
|
|
## Client Software
|
|
|
|
| Architecture | Name | License | Comment |
|
|
| :------------ |:------------ | :----- | :------ |
|
|
| Windows | [MorseKOB 2.5](http://kob.sdf.org/morsekob/morsekob25/index.htm) | ? | Original MorseKOB Software by Les Kerr. [Source Code](https://sites.google.com/site/morsekob/morsekob25) |
|
|
| Browser | [MorseKOB 3.0](http://kob.sdf.org/morsekob/morsekob30/index.htm) | ? | Java implementation of MorseKOB by Les Kerr |
|
|
| Linux (Python) | [MorseKOB 4.0](https://sites.google.com/site/morsekob/morsekob40) [1](https://github.com/8cH9azbsFifZ/morsekob)| ? | Python port to Raspi by Les Kerr |
|
|
| Arduino | [irmc-avr](https://github.com/8cH9azbsFifZ/irmc-avr) | GPL | arduino port|
|
|
| iOS | [irmc-ios](https://github.com/8cH9azbsFifZ/irmc-ios) | GPL | ios port with support for external key using bluetooth [ble-morse](https://github.com/8cH9azbsFifZ/ble-morse) |
|
|
| Windows | [CWCom](http://www.mrx.com.au/d_cwcom.htm) | Closed Source | original cwcom software by John Samin |
|
|
|
|
|
|
<li><a href="#linux">Linux</a></li>
|
|
<li><a href="#osx">OSX</a></li>
|
|
<li><a href="#windows">Windows</a></li>
|
|
<li><a href="#ios">iOS</a></li>
|
|
<li><a href="#arduino">Arduino</a></li>
|
|
|
|
|
|
<section class="carousel">
|
|
<div class="reel">
|
|
<article>
|
|
<a href="#" class="image featured"><img src="images/osx_irmc.png" alt="" /></a>
|
|
<header>
|
|
<h3><a href="#">Linux</a></h3>
|
|
</header>
|
|
<p><a href="https://github.com/8cH9azbsFifZ/irmc" target=_new>irmc</a> running on Linux.</p>
|
|
</article>
|
|
|
|
<article>
|
|
<a href="#" class="image featured"><img src="images/osx_irmc.png" alt="" /></a>
|
|
<header>
|
|
<h3><a href="#">OSX</a></h3>
|
|
</header>
|
|
<p><a href="https://github.com/8cH9azbsFifZ/irmc" target=_new>irmc</a> running on OSX.</p>
|
|
</article>
|
|
|
|
<article>
|
|
<a href="#" class="image featured"><img src="images/pic03.jpg" alt="" /></a>
|
|
<header>
|
|
<h3><a href="#">Arduino</a></h3>
|
|
</header>
|
|
<p><a href="https://github.com/8cH9azbsFifZ/irmc-avr" target=_new>irmc-avr</a> running on an Arduino duemilanove with a W5100 Ethernet Shield.</p>
|
|
</article>
|
|
|
|
<article>
|
|
<a href="#" class="image featured"><img src="images/pic04.jpg" alt="" /></a>
|
|
<header>
|
|
<h3><a href="#">iOS</a></h3>
|
|
</header>
|
|
<p>Commodo id natoque malesuada sollicitudin elit suscipit magna.</p>
|
|
</article>
|
|
|
|
<article>
|
|
<a href="#" class="image featured"><img src="images/pic05.jpg" alt="" /></a>
|
|
<header>
|
|
<h3><a href="#">Raspi</a></h3>
|
|
</header>
|
|
<p>Commodo id natoque malesuada sollicitudin elit suscipit magna.</p>
|
|
</article>
|
|
|
|
<article>
|
|
<a href="#" class="image featured"><img src="images/pic01.jpg" alt="" /></a>
|
|
<header>
|
|
<h3><a href="#">Java</a></h3>
|
|
</header>
|
|
<p>Commodo id natoque malesuada sollicitudin elit suscipit magna.</p>
|
|
</article>
|
|
|
|
<article>
|
|
<a href="#" class="image featured"><img src="images/pic02.jpg" alt="" /></a>
|
|
<header>
|
|
<h3><a href="#">Windows</a></h3>
|
|
</header>
|
|
<p>Commodo id natoque malesuada sollicitudin elit suscipit magna.</p>
|
|
</article>
|
|
|
|
<article>
|
|
<a href="#" class="image featured"><img src="images/pic03.jpg" alt="" /></a>
|
|
<header>
|
|
<h3><a href="#">Sed quis rhoncus placerat</a></h3>
|
|
</header>
|
|
<p>Commodo id natoque malesuada sollicitudin elit suscipit magna.</p>
|
|
</article>
|
|
|
|
<article>
|
|
<a href="#" class="image featured"><img src="images/pic04.jpg" alt="" /></a>
|
|
<header>
|
|
<h3><a href="#">Ultrices urna sit lobortis</a></h3>
|
|
</header>
|
|
<p>Commodo id natoque malesuada sollicitudin elit suscipit magna.</p>
|
|
</article>
|
|
|
|
<article>
|
|
<a href="#" class="image featured"><img src="images/pic05.jpg" alt="" /></a>
|
|
<header>
|
|
<h3><a href="#">Varius magnis sollicitudin</a></h3>
|
|
</header>
|
|
<p>Commodo id natoque malesuada sollicitudin elit suscipit magna.</p>
|
|
</article>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Banner -->
|
|
<section id="banner">
|
|
<header>
|
|
<h2>Hi. You're looking at <strong>Helios</strong>.</h2>
|
|
<p>
|
|
A (free) responsive site template by <a href="http://html5up.net">HTML5 UP</a>.
|
|
Built on <strong>skel</strong> and released under the <a href="http://html5up.net/license">CCA</a> license.
|
|
</p>
|
|
</header>
|
|
</section>
|
|
|
|
<!-- Carousel -->
|
|
<section class="carousel">
|
|
<div class="reel">
|
|
<article>
|
|
<a href="#linux" class="image featured"><img src="images/pic01.jpg" alt="" /></a>
|
|
<header>
|
|
<h3><a href="#">Pulvinar sagittis congue</a></h3>
|
|
</header>
|
|
<p>Commodo id natoque malesuada sollicitudin elit suscipit magna.</p>
|
|
</article>
|
|
|
|
<article>
|
|
<a href="#" class="image featured"><img src="images/pic02.jpg" alt="" /></a>
|
|
<header>
|
|
<h3><a href="#">Fermentum sagittis proin</a></h3>
|
|
</header>
|
|
<p>Commodo id natoque malesuada sollicitudin elit suscipit magna.</p>
|
|
</article>
|
|
|
|
<article>
|
|
<a href="#" class="image featured"><img src="images/pic03.jpg" alt="" /></a>
|
|
<header>
|
|
<h3><a href="#">Sed quis rhoncus placerat</a></h3>
|
|
</header>
|
|
<p>Commodo id natoque malesuada sollicitudin elit suscipit magna.</p>
|
|
</article>
|
|
|
|
<article>
|
|
<a href="#" class="image featured"><img src="images/pic04.jpg" alt="" /></a>
|
|
<header>
|
|
<h3><a href="#">Ultrices urna sit lobortis</a></h3>
|
|
</header>
|
|
<p>Commodo id natoque malesuada sollicitudin elit suscipit magna.</p>
|
|
</article>
|
|
|
|
<article>
|
|
<a href="#" class="image featured"><img src="images/pic05.jpg" alt="" /></a>
|
|
<header>
|
|
<h3><a href="#">Varius magnis sollicitudin</a></h3>
|
|
</header>
|
|
<p>Commodo id natoque malesuada sollicitudin elit suscipit magna.</p>
|
|
</article>
|
|
|
|
<article>
|
|
<a href="#" class="image featured"><img src="images/pic01.jpg" alt="" /></a>
|
|
<header>
|
|
<h3><a href="#">Pulvinar sagittis congue</a></h3>
|
|
</header>
|
|
<p>Commodo id natoque malesuada sollicitudin elit suscipit magna.</p>
|
|
</article>
|
|
|
|
<article>
|
|
<a href="#" class="image featured"><img src="images/pic02.jpg" alt="" /></a>
|
|
<header>
|
|
<h3><a href="#">Fermentum sagittis proin</a></h3>
|
|
</header>
|
|
<p>Commodo id natoque malesuada sollicitudin elit suscipit magna.</p>
|
|
</article>
|
|
|
|
<article>
|
|
<a href="#" class="image featured"><img src="images/pic03.jpg" alt="" /></a>
|
|
<header>
|
|
<h3><a href="#">Sed quis rhoncus placerat</a></h3>
|
|
</header>
|
|
<p>Commodo id natoque malesuada sollicitudin elit suscipit magna.</p>
|
|
</article>
|
|
|
|
<article>
|
|
<a href="#" class="image featured"><img src="images/pic04.jpg" alt="" /></a>
|
|
<header>
|
|
<h3><a href="#">Ultrices urna sit lobortis</a></h3>
|
|
</header>
|
|
<p>Commodo id natoque malesuada sollicitudin elit suscipit magna.</p>
|
|
</article>
|
|
|
|
<article>
|
|
<a href="#" class="image featured"><img src="images/pic05.jpg" alt="" /></a>
|
|
<header>
|
|
<h3><a href="#">Varius magnis sollicitudin</a></h3>
|
|
</header>
|
|
<p>Commodo id natoque malesuada sollicitudin elit suscipit magna.</p>
|
|
</article>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Main -->
|
|
<div class="wrapper style2">
|
|
<article id="linux" class="container special">
|
|
<a name=linux>
|
|
<header>
|
|
<h2>Linux</a>
|
|
</header>
|
|
<p>
|
|
For linux you can use: xyz.
|
|
</p>
|
|
</article>
|
|
</div>
|
|
|
|
<div class="wrapper style2">
|
|
|
|
<article id="main" class="container special">
|
|
<a href="#" class="image featured"><img src="images/pic06.jpg" alt="" /></a>
|
|
<header>
|
|
<h2><a href="#">Sed massa imperdiet magnis</a></h2>
|
|
<p>
|
|
Sociis aenean eu aenean mollis mollis facilisis primis ornare penatibus aenean. Cursus ac enim
|
|
pulvinar curabitur morbi convallis. Lectus malesuada sed fermentum dolore amet.
|
|
</p>
|
|
</header>
|
|
<p>
|
|
Commodo id natoque malesuada sollicitudin elit suscipit. Curae suspendisse mauris posuere accumsan massa
|
|
posuere lacus convallis tellus interdum. Amet nullam fringilla nibh nulla convallis ut venenatis purus
|
|
sit arcu sociis. Nunc fermentum adipiscing tempor cursus nascetur adipiscing adipiscing. Primis aliquam
|
|
mus lacinia lobortis phasellus suscipit. Fermentum lobortis non tristique ante proin sociis accumsan
|
|
lobortis. Auctor etiam porttitor phasellus tempus cubilia ultrices tempor sagittis. Nisl fermentum
|
|
consequat integer interdum integer purus sapien. Nibh eleifend nulla nascetur pharetra commodo mi augue
|
|
interdum tellus. Ornare cursus augue feugiat sodales velit lorem. Semper elementum ullamcorper lacinia
|
|
natoque aenean scelerisque.
|
|
</p>
|
|
<footer>
|
|
<a href="#" class="button">Continue Reading</a>
|
|
</footer>
|
|
</article>
|
|
|
|
</div>
|
|
|
|
<!-- Features -->
|
|
<div class="wrapper style1">
|
|
|
|
<section id="features" class="container special">
|
|
<header>
|
|
<h2>Morbi ullamcorper et varius leo lacus</h2>
|
|
<p>Ipsum volutpat consectetur orci metus consequat imperdiet duis integer semper magna.</p>
|
|
</header>
|
|
<div class="row">
|
|
<article class="4u special">
|
|
<a href="#" class="image featured"><img src="images/pic07.jpg" alt="" /></a>
|
|
<header>
|
|
<h3><a href="#">Gravida aliquam penatibus</a></h3>
|
|
</header>
|
|
<p>
|
|
Amet nullam fringilla nibh nulla convallis tique ante proin sociis accumsan lobortis. Auctor etiam
|
|
porttitor phasellus tempus cubilia ultrices tempor sagittis. Nisl fermentum consequat integer interdum.
|
|
</p>
|
|
</article>
|
|
<article class="4u special">
|
|
<a href="#" class="image featured"><img src="images/pic08.jpg" alt="" /></a>
|
|
<header>
|
|
<h3><a href="#">Sed quis rhoncus placerat</a></h3>
|
|
</header>
|
|
<p>
|
|
Amet nullam fringilla nibh nulla convallis tique ante proin sociis accumsan lobortis. Auctor etiam
|
|
porttitor phasellus tempus cubilia ultrices tempor sagittis. Nisl fermentum consequat integer interdum.
|
|
</p>
|
|
</article>
|
|
<article class="4u special">
|
|
<a href="#" class="image featured"><img src="images/pic09.jpg" alt="" /></a>
|
|
<header>
|
|
<h3><a href="#">Magna laoreet et aliquam</a></h3>
|
|
</header>
|
|
<p>
|
|
Amet nullam fringilla nibh nulla convallis tique ante proin sociis accumsan lobortis. Auctor etiam
|
|
porttitor phasellus tempus cubilia ultrices tempor sagittis. Nisl fermentum consequat integer interdum.
|
|
</p>
|
|
</article>
|
|
</div>
|
|
</section>
|
|
|
|
</div>
|
|
|
|
<!-- Footer -->
|
|
<div id="footer">
|
|
<div class="container">
|
|
<div class="row">
|
|
|
|
<!-- Tweets -->
|
|
<section class="4u">
|
|
<header>
|
|
<h2 class="icon fa-twitter circled"><span class="label">Tweets</span></h2>
|
|
</header>
|
|
<ul class="divided">
|
|
<li>
|
|
<article class="tweet">
|
|
Amet nullam fringilla nibh nulla convallis tique ante sociis accumsan.
|
|
<span class="timestamp">5 minutes ago</span>
|
|
</article>
|
|
</li>
|
|
<li>
|
|
<article class="tweet">
|
|
Hendrerit rutrum quisque.
|
|
<span class="timestamp">30 minutes ago</span>
|
|
</article>
|
|
</li>
|
|
<li>
|
|
<article class="tweet">
|
|
Curabitur donec nulla massa laoreet nibh. Lorem praesent montes.
|
|
<span class="timestamp">3 hours ago</span>
|
|
</article>
|
|
</li>
|
|
<li>
|
|
<article class="tweet">
|
|
Lacus natoque cras rhoncus curae dignissim ultricies. Convallis orci aliquet.
|
|
<span class="timestamp">5 hours ago</span>
|
|
</article>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<!-- Posts -->
|
|
<section class="4u">
|
|
<header>
|
|
<h2 class="icon fa-file circled"><span class="label">Posts</span></h2>
|
|
</header>
|
|
<ul class="divided">
|
|
<li>
|
|
<article class="post stub">
|
|
<header>
|
|
<h3><a href="#">Nisl fermentum integer</a></h3>
|
|
</header>
|
|
<span class="timestamp">3 hours ago</span>
|
|
</article>
|
|
</li>
|
|
<li>
|
|
<article class="post stub">
|
|
<header>
|
|
<h3><a href="#">Phasellus portitor lorem</a></h3>
|
|
</header>
|
|
<span class="timestamp">6 hours ago</span>
|
|
</article>
|
|
</li>
|
|
<li>
|
|
<article class="post stub">
|
|
<header>
|
|
<h3><a href="#">Magna tempus consequat</a></h3>
|
|
</header>
|
|
<span class="timestamp">Yesterday</span>
|
|
</article>
|
|
</li>
|
|
<li>
|
|
<article class="post stub">
|
|
<header>
|
|
<h3><a href="#">Feugiat lorem ipsum</a></h3>
|
|
</header>
|
|
<span class="timestamp">2 days ago</span>
|
|
</article>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<!-- Photos -->
|
|
<section class="4u">
|
|
<header>
|
|
<h2 class="icon fa-camera circled"><span class="label">Photos</span></h2>
|
|
</header>
|
|
<div class="row 25% no-collapse">
|
|
<div class="6u">
|
|
<a href="#" class="image fit"><img src="images/pic10.jpg" alt="" /></a>
|
|
</div>
|
|
<div class="6u">
|
|
<a href="#" class="image fit"><img src="images/pic11.jpg" alt="" /></a>
|
|
</div>
|
|
</div>
|
|
<div class="row 25% no-collapse">
|
|
<div class="6u">
|
|
<a href="#" class="image fit"><img src="images/pic12.jpg" alt="" /></a>
|
|
</div>
|
|
<div class="6u">
|
|
<a href="#" class="image fit"><img src="images/pic13.jpg" alt="" /></a>
|
|
</div>
|
|
</div>
|
|
<div class="row 25% no-collapse">
|
|
<div class="6u">
|
|
<a href="#" class="image fit"><img src="images/pic14.jpg" alt="" /></a>
|
|
</div>
|
|
<div class="6u">
|
|
<a href="#" class="image fit"><img src="images/pic15.jpg" alt="" /></a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
</div>
|
|
<hr />
|
|
<div class="row">
|
|
<div class="12u">
|
|
|
|
<!-- Contact -->
|
|
<section class="contact">
|
|
<header>
|
|
<h3>Nisl turpis nascetur interdum?</h3>
|
|
</header>
|
|
<p>Urna nisl non quis interdum mus ornare ridiculus egestas ridiculus lobortis vivamus tempor aliquet.</p>
|
|
<ul class="icons">
|
|
<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
|
|
<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
|
|
<li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
|
|
<li><a href="#" class="icon fa-pinterest"><span class="label">Pinterest</span></a></li>
|
|
<li><a href="#" class="icon fa-dribbble"><span class="label">Dribbble</span></a></li>
|
|
<li><a href="#" class="icon fa-linkedin"><span class="label">Linkedin</span></a></li>
|
|
</ul>
|
|
</section>
|
|
|
|
<!-- Copyright -->
|
|
<div class="copyright">
|
|
<ul class="menu">
|
|
<li>© Untitled. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|