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