From 237a20c8cc63f35c7ea58e19211ed82785a1f9a6 Mon Sep 17 00:00:00 2001 From: janis Date: Mon, 16 Jan 2023 08:23:05 +0100 Subject: [PATCH] first styling & more content --- css/style.css | 39 +++++++++++++++++++++++++++++++++++++++ index.html | 23 +++++++++++++++++++++++ server.js => js/loader.js | 0 js/orderwebsite.js | 3 +++ modules/contactForm.html | 17 +++++++++++++++++ modules/footer.html | 0 modules/nav.html | 0 order.html | 13 +++++++++++++ 8 files changed, 95 insertions(+) create mode 100644 css/style.css create mode 100644 index.html rename server.js => js/loader.js (100%) create mode 100644 js/orderwebsite.js create mode 100644 modules/contactForm.html create mode 100644 modules/footer.html create mode 100644 modules/nav.html create mode 100644 order.html diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..959e72a --- /dev/null +++ b/css/style.css @@ -0,0 +1,39 @@ +html, body { + width: 100%; + height: 100%; + margin: 0; + padding: 0; + font-family: sans-serif; + background-color: rgb(122, 188, 255); + font-size: calc(15pt + 0.4vw); +} + +.centered { + width: 90%; + margin: 3%; + margin-top: 0%; + padding: 2%; + background-color: rgba(223, 223, 223, 0.8); + border-radius: 50px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.heading-wrapper { + width: 90%; + margin: 3%; + margin-bottom: 0%; + padding: 2%; + background-color: rgba(0, 0, 149, 1); + border-top-left-radius: 50px; + border-top-right-radius: 50px; + color: white; + display: flex; + align-items: center; + flex-direction: column; + justify-content: center; +} + +.heading { + font-size: 3rem; +} \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..ca817a6 --- /dev/null +++ b/index.html @@ -0,0 +1,23 @@ + + + + Home :: Development - janishutz.com + + + + +
+

Development

+

Get your new online presence

+
+
+

Just starting a small business and looking for a website to get started?

+

I build websites from scratch using HTML, CSS & JavaScript, the languages that make up most of the web and are the foundation of well-known frameworks like wordpress. But in contrast to frameworks, websites built from scratch tend to perform better, both when it comes to loading times and when it comes to Google rankings, if given the same keywords and descriptions.

+

Get a website with a Node.js backend, if you require more advanced features like contact forms or a blog. If you do not require any of this, you can just get a simple static website you can host anywhere.

+

Not sure where to host your website and how to set it up? I can help you out by setting up your website directly with a hosting provider.

+

Interested? Feel free to contact me below!

+

Order your new website here today!

+ Contact me +
+ + \ No newline at end of file diff --git a/server.js b/js/loader.js similarity index 100% rename from server.js rename to js/loader.js diff --git a/js/orderwebsite.js b/js/orderwebsite.js new file mode 100644 index 0000000..e677111 --- /dev/null +++ b/js/orderwebsite.js @@ -0,0 +1,3 @@ +$(document).ready(function () { + $( '#contactForm' ).load( '/modules/contactForm.html' ) +}); \ No newline at end of file diff --git a/modules/contactForm.html b/modules/contactForm.html new file mode 100644 index 0000000..2010267 --- /dev/null +++ b/modules/contactForm.html @@ -0,0 +1,17 @@ + + + + + + +
+
+
+
+
+
+
+
+
+ + diff --git a/modules/footer.html b/modules/footer.html new file mode 100644 index 0000000..e69de29 diff --git a/modules/nav.html b/modules/nav.html new file mode 100644 index 0000000..e69de29 diff --git a/order.html b/order.html new file mode 100644 index 0000000..126a2db --- /dev/null +++ b/order.html @@ -0,0 +1,13 @@ + + + + Order :: Development - janishutz.com + + + + + +

Contact me for an offer

+
+ + \ No newline at end of file