347 lines
5.1 KiB
HTML
347 lines
5.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
|
|
<title>The Architects</title>
|
|
|
|
<link rel="stylesheet" href="assets/css/main.css">
|
|
<script type="text/javascript" src="assets/js/main.js"></script>
|
|
</head>
|
|
<body>
|
|
|
|
|
|
<!--<panel class="glowingBorder">
|
|
<h2>Solid Architecture</h2>
|
|
|
|
<p>
|
|
As software architects we design Software that is simple in its architecture.
|
|
|
|
</p>
|
|
</panel>-->
|
|
|
|
<menu class="menuBar">
|
|
|
|
<menuTitle><span>The</span> <span class="softwareWord">Software</span> Architects </menuTitle>
|
|
|
|
<space></space>
|
|
|
|
<menuitem><a href="#home">Home</a></menuitem>
|
|
|
|
<menuitem><a href="#about">About</a></menuitem>
|
|
|
|
<!-- <menuitem>Work</menuitem> -->
|
|
|
|
<menuitem><a href="#contact">Contact</a></menuitem>
|
|
|
|
<label class="switch">
|
|
<input type="checkbox" class="toggle-checkbox">
|
|
<span class="slider">
|
|
<span class="label dark">Dark</span>
|
|
</span>
|
|
</label>
|
|
|
|
</menu>
|
|
|
|
<div class=" upperGlow"></div>
|
|
|
|
<div class="glowPoint"></div>
|
|
|
|
<content id="home">
|
|
|
|
<row class="firstRow">
|
|
|
|
<panel>
|
|
|
|
<h1>The Software Architects</h1>
|
|
|
|
<p>
|
|
|
|
What we create?
|
|
|
|
</p>
|
|
|
|
</panel>
|
|
|
|
</row>
|
|
|
|
<row class="doublePanel">
|
|
|
|
|
|
<panel class="halfPanel lightPanel glowingBorder glowingBorder-active">
|
|
|
|
<h2>Solid Architecture</h2>
|
|
|
|
<p>
|
|
As software architects we design Software that is simple in its architecture.
|
|
|
|
</p>
|
|
|
|
</panel>
|
|
|
|
<panel class="halfPanel lightPanel glowingBorder glowingBorder-active glowingBorder2">
|
|
|
|
<h2>Modern Design</h2>
|
|
|
|
<p>
|
|
Modern and simplistic from the inside where where nobody looks, And from the outside.
|
|
|
|
</p>
|
|
|
|
</panel>
|
|
|
|
</row>
|
|
|
|
</content>
|
|
|
|
<content>
|
|
|
|
<row class="firstRow">
|
|
|
|
<panel>
|
|
|
|
<h1>What kind of technologies do you use?</h1>
|
|
|
|
<p>
|
|
|
|
Here are the options.
|
|
|
|
</p>
|
|
|
|
</panel>
|
|
|
|
</row>
|
|
<row class="smallPanels">
|
|
|
|
|
|
<panel class="dark floatLeft wiggle">
|
|
|
|
<panelRow>
|
|
|
|
<img width="40" src="assets/images/code.png">
|
|
|
|
<h2 class="leftTitle">C Preprocessor with websockets</h2><!--Professional-->
|
|
|
|
|
|
</panelRow>
|
|
|
|
|
|
<div class="floatLeft">
|
|
|
|
For Professional Lightning fast Web applications.
|
|
|
|
</div>
|
|
|
|
</panel>
|
|
|
|
<panel class="dark floatLeft wiggle">
|
|
|
|
<panelRow>
|
|
|
|
<img width="40" src="assets/images/code.png">
|
|
|
|
<h2 class="leftTitle"></h2>
|
|
|
|
|
|
</panelRow>
|
|
|
|
|
|
<div class="floatLeft">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</panel>
|
|
|
|
<panel class="dark floatLeft wiggle">
|
|
|
|
<panelRow>
|
|
|
|
<img width="40" src="assets/images/c.png">
|
|
|
|
<h2 class="leftTitle">c Preprocessor with opengl</h2>
|
|
|
|
</panelRow>
|
|
|
|
<div class="floatLeft">
|
|
|
|
For lighning fast Native applications.
|
|
|
|
</div>
|
|
|
|
</panel>
|
|
|
|
|
|
|
|
<panel class="dark floatLeft wiggle">
|
|
|
|
<panelRow>
|
|
|
|
<img width="40" src="assets/images/api.png">
|
|
|
|
<h2 class="leftTitle">Web API's</h2>
|
|
|
|
</panelRow>
|
|
|
|
|
|
<div class="floatLeft">
|
|
|
|
At the frontside of it all we use Modern Web api's to deliver even the next generation technologies.
|
|
|
|
</div>
|
|
|
|
</panel>
|
|
|
|
<panel class="dark floatLeft wiggle">
|
|
|
|
<panelRow>
|
|
|
|
<img width="40" src="assets/images/sqlite3.svg">
|
|
|
|
<h2 class="leftTitle"> Sqlite3 </h2>
|
|
|
|
|
|
</panelRow>
|
|
|
|
<div class="floatLeft">
|
|
|
|
For all your data manipulation and storage.
|
|
|
|
</div>
|
|
|
|
</panel>
|
|
|
|
|
|
<panel class="dark floatLeft wiggle">
|
|
|
|
<panelRow>
|
|
|
|
<img width="40" src="assets/images/webGPU.png">
|
|
|
|
<h2 class="leftTitle"> Nodejs with Unifyjs </h2>
|
|
|
|
</panelRow>
|
|
|
|
|
|
<div class="floatLeft">
|
|
|
|
An inhouse developed Framework for Nodejs to create advanced web applications.
|
|
|
|
</div>
|
|
|
|
</panel>
|
|
|
|
</row>
|
|
|
|
</content>
|
|
|
|
<content id="home">
|
|
<!---
|
|
<h2>Work</h2>
|
|
|
|
<p>
|
|
|
|
We are stil searching for our first client.
|
|
|
|
</p>
|
|
|
|
-->
|
|
<panel id="about">
|
|
|
|
|
|
<h2>About</h2>
|
|
|
|
<p>
|
|
|
|
We are located in Leeuwarden, The Netherlands.
|
|
|
|
</p>
|
|
|
|
</panel>
|
|
|
|
<panel class="dark noPadding table">
|
|
|
|
<panelRow>
|
|
|
|
<panelLabel>Country</panelLabel>
|
|
|
|
<panelValue>The Netherlands</panelValue>
|
|
|
|
</panelRow>
|
|
|
|
<panelRow>
|
|
|
|
<panelLabel>City</panelLabel>
|
|
|
|
<panelValue>Leeuwarden</panelValue>
|
|
|
|
</panelRow>
|
|
|
|
<panelRow>
|
|
|
|
<panelLabel>Email</panelLabel>
|
|
|
|
<panelValue>info@unifyjs.org</panelValue>
|
|
|
|
</panelRow>
|
|
|
|
</panel>
|
|
|
|
<panel id="contact">
|
|
|
|
<h2>Contact</h2>
|
|
|
|
<p>
|
|
|
|
If you are interested, Please send us a message.
|
|
|
|
</p>
|
|
|
|
</panel>
|
|
|
|
<table class="dark noPadding table">
|
|
|
|
<tr class="row">
|
|
|
|
<td class="label"><columnLabel>Name</columnLabel></td>
|
|
|
|
<td><input /></td>
|
|
|
|
</tr>
|
|
|
|
|
|
<tr class="row">
|
|
|
|
<td class="label">Email</td>
|
|
|
|
<td><input /></td>
|
|
|
|
</tr>
|
|
|
|
<tr class="row">
|
|
|
|
<td class="label">Address</td>
|
|
|
|
<td><input /></td>
|
|
|
|
</tr>
|
|
|
|
|
|
<tr class="row">
|
|
|
|
<td class="label">Message</td>
|
|
|
|
<td><textarea></textarea></td>
|
|
|
|
</tr>
|
|
|
|
</table>
|
|
|
|
</content>
|
|
|
|
</body>
|
|
|
|
</html> |