-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·181 lines (178 loc) · 7.87 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
---
layout: default
---
<style>
{% include css/landing-hero.css %}
</style>
<title>PrettyNeat! Software Development & Design based in Malta</title>
<div class="landing-container blending landing-container-background">
<div class="grid-item landing-subcontainer">
<div class="grid-content-item code">
<img src="/assets/prettyneat-logo-lg.png" alt="prettyneat logo" class="t-stroke t-shadow landing-logo">
<!-- <h1 class="text-center landing-text t-stroke t-shadow" style="font-size: 5rem;"><span class="landing-text-pretty">pretty</span><span class="landing-text-neat">neat</span></!-->
<!-- <h2 style="text-align: center;">Software House</h2> -->
<div>
</div><div class="code-window">
<span class="code-window-button"></span>
<span class="code-window-button"></span>
{% include /typewriter.html %}
</div>
</div>
</div>
<div class="grid-content-item pretty-player-wrapper">
{% include /pretty-player.html %}
</div>
<a href="#services" aria-label="scroll down button" class="scroll-down">
<span class="scroll-button"></span>
</a>
</div>
<div id="services" class="services-container">
<div class="grid-content-item service-header">
<h3>
we code the <span class="tasty-text"> tastiest tech </span> this side of the globe
</h3>
</div>
<div class="service-body-container">
<div class="grid-content-item service-body-1 service-body">
<span class="card-side card-front">
<img alt="cartoon business person" src="/assets/flame-business.png"/>
<h4>Enterprise Web Applications</h4>
<p class="service-body-subheader"> We automate systems, to keep things simple at home, in-office, or on the go. </p>
</span>
<span class="card-side card-back">
<span class="card-icons">
<img src="/assets/tech-icons/postgresql.svg" alt="postgres icon" class="tech-icon">
<img src="/assets/tech-icons/SQLServer.svg" alt="sqlserver icon" class="tech-icon">
<img src="/assets/tech-icons/dotnet.svg" alt="dotnet icon" class="tech-icon">
<img src="/assets/tech-icons/vue.svg" alt="vue icon" class="tech-icon">
</span>
<span>
<h4>Monolith or Microservice?</h4>
<p class="tech-text">
Organizations are complex, but the tools shouldn't be.
We'll architect a system that works for you.
</p>
</span>
</p>
</span>
</div>
<div class="grid-content-item service-body-2 service-body">
<span class="card-side card-front">
<img alt="cartoon cloud and human brain" src="/assets/flame-cloud.png"/>
<h4>Cloud Applications and SaaS</h4>
<p class="service-body-subheader"> We help provide the security, high performance and cost-effectiveness of doing things online.</p>
</span>
<span class="card-side card-back">
<span class="card-icons">
<img src="/assets/tech-icons/aws.svg" alt="aws icon" class="tech-icon">
<img src="/assets/tech-icons/ubuntu.svg" alt="ubuntu icon" class="tech-icon">
<img src="/assets/tech-icons/windows.svg" alt="windows icon" class="tech-icon">
<img src="/assets/tech-icons/docker.svg"alt="docker icon" class="tech-icon">
</span>
<span>
<h4>Serverless, Containers or VPS?</h4>
<p class="tech-text">
Start local, take it global. From bots to subscription services -
we'll put together a platform and stack combination that scales.
</p>
</span>
</span>
</div>
<div class="grid-content-item service-body-3 service-body">
<span class="card-side card-front">
<img alt="cartoon hand coming out of phone" src="/assets/flame-mobile.png"/>
<h4>Mobile and Multiplatform</h4>
<p class="service-body-subheader"> We create responsive applications that adapt to your customers’ habits no matter what their device is!</p>
</span>
<span class="card-side card-back">
<span class="card-icons">
<img src="/assets/tech-icons/ios.svg" alt="ios icon" class="tech-icon">
<img src="/assets/tech-icons/swift.svg" alt="swift icon" class="tech-icon">
<img src="/assets/tech-icons/android.svg" alt="android icon" class="tech-icon">
<img src="/assets/tech-icons/java.svg" alt="java icon" class="tech-icon">
</span>
<span >
<h4>Cross Platform or Native?</h4>
<p class="tech-text">
Sometimes a responsive web app is all it takes.
Other times, the only way forward is native.
We'll help you figure out when its the right fit.
</p>
</span>
</span>
</div>
<div class="grid-content-item service-subheader">
</div>
</div>
</div>
<div class="stack-container ">
<div class="grid-content-item stack-image stack-image-background">
<span class="stack-image-background">
</span>
</div>
<div class="grid-content-item stack-image stack-stripe">
<img src="/assets/flame-design-science.png" alt="cartoon engineer">
</div>
<div class="grid-content-item stack-open">
<h2 class="flex-right">pick a stack...</h2>
</div>
<div class="grid-content-item stack-content">
<span class="stack-text-container">
<p class="text-center">Websites, mobile apps, digital games, and virtual or augmented reality experiences are our bread and butter. </p>
<br>
<p class="text-center">We work with businesses to design and develop products, modernize internal systems, and bring digital services to market.</p>
</span>
</div>
<div class="grid-content-item stack-closed">
<h2 class="float-left">...any stack</h2>
</div>
</div>
<div id="posts" class="posts-container">
<div class="grid-content-item post-header">
<h3>
<span class="tasty-text2">check out what we're up to</span>
</h3>
</div>
<div class="post-body-container">
{% for post in site.posts limit: 3 %}
<div class="post-card">
<div class="post-card-header">
<a href="{{ post.url }}" title="Read '{{ post.title }}'" class="post-card-image">
<img src="{{ post.image }}" title="{{post.title}}"/>
</a>
<a href="{{ post.url }}" title="Read '{{ post.title }}'" class="post-title">
<h3>{{post.title}}</h3>
</a>
</div>
<div class="post-card-body">
<div class="post-excerpt">
{{ post.content | strip_html | truncatewords: 400 }}
</div>
<a href="{{ post.url }}" class="keep-reading">Keep reading</a>
</div>
<div class="post-card-footer">
<div class="date">
on {{ post.date | date_to_long_string: 'ordinal'}}
</div>
<div class="tags">
{% for tag in post.tags %}
<a href="/tag/{{tag}}" class="tag">{{ tag }}</a>
{% endfor %}
</div>
</div>
</div>
{% endfor %}
</div>
{% if site.posts.size > 3%}
<div class="read-more-posts">
<a href="/blog" class="button bos-hover pretty-neat-button">View More</a>
</div>
{% endif %}
</div>
{% include closing.html %}
<style>
{% include css/landing-remainder.css %}
</style>
<script>
{% include js/landing.js %}
</script>