janishutz-website/development-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

almost finished

Browse Source
This commit is contained in:
Janis Hutz
2023-04-22 14:17:35 +02:00
parent f29d0e360e
commit 951853b105
11 changed files with 66 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
contact.html
View File

@@ -6,17 +6,16 @@
<script defer src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script defer src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js" crossorigin="anonymous" referrerpolicy="no-referrer" ></script>
<script defer src="/js/loader.js"></script>
<script defer src="/js/orderwebsite.js"></script>
</head>
<body>
<div id="nav"></div>
<div class="heading-wrapper">
<h1 class="heading text-centered">Develop&shy;ment</h1>
<h2 class="subheading text-centered">Get your new online presence</h2>
<h1 class="heading text-centered">Con&shy;tact</h1>
<h2 class="subheading text-centered">Get in touch</h2>
</div>
<div class="centered">
<div class="code-background half-height">
<h2 class="biggest text-centered light-color">Contact</h2>
</div>
<h3>Got any questions? Feel free to contact me</h3>
<div id="contactForm"></div>
</div>
<div id="footer"></div>

1
css/style.css
View File

@@ -64,6 +64,7 @@ html, body {
*/
.button {
cursor: pointer;
display: block;
text-decoration: none;
padding: 2%;

20
examples.html
View File

@@ -6,27 +6,31 @@
<script defer src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script defer src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js" crossorigin="anonymous" referrerpolicy="no-referrer" ></script>
<script defer src="/js/loader.js"></script>
<meta http-equiv="X-UA-Compatible" content="IE=7">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="See examples of websites I have created so far">
<meta name="keywords" content="websites website-creation custom-websites affordable">
</head>
<body>
<div id="nav"></div>
<div class="heading-wrapper">
<h1 class="heading text-centered">Develop&shy;ment</h1>
<h2 class="subheading text-centered">Get your new online presence</h2>
<h1 class="heading text-centered">Ex&shy;am&shy;ples</h1>
<h2 class="subheading text-centered">Websites I've built</h2>
</div>
<div class="centered">
<div class="code-background half-height">
<h2 class="biggest text-centered light-color">Examples</h2>
</div>
<h4>Here's a list of the websites I have created so far.</h4>
<p class="lightly-written" style="margin-top: 0.3%;">Links will open in new tabs</p>
<ul>
<li><a href="https://historyproject.janishutz.com" target="_blank">historyproject.janishutz.com</a></li>
<li><a href="https://booking.languageschoolhossegor.com" target="_blank">booking.languageschoolhossegor.com</a></li>
<li><a href="https://testing.janishutz.com" target="_blank">booking.languageschoolhossegor.com (currently late beta on my testing website)</a></li>
<li><a href="https://janishutz.com" target="_blank">janishutz.com</a></li>
<li><a href="https://development.janishutz.com" target="_blank">development.janishutz.com</a></li>
<li><a href="https://pcbuilding.janishutz.com" target="_blank">pcbuilding.janishutz.com</a></li>
<!-- <li><a href="https://pcbuilding.janishutz.com" target="_blank">pcbuilding.janishutz.com</a></li> -->
<li><a href="https://myevent.janishutz.com" target="_blank">myevent.janishutz.com</a></li>
<li><a href="https://impress.js.org" target="_blank">impress.js.org</a></li>
<li><a href="https://impress-testing.janishutz.com" target="_blank">impress.js.org (currently not deployed yet, on my testing website)</a></li>
</ul>
</div>
<div id="footer"></div>

BIN
favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 174 KiB

18
imprint.html
View File

@@ -6,17 +6,25 @@
<script defer src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script defer="" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script defer src="/js/loader.js"></script>
<meta http-equiv="X-UA-Compatible" content="IE=8">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div id="nav"></div>
<div class="heading-wrapper">
<h1 class="heading text-centered">Develop&shy;ment</h1>
<h2 class="subheading text-centered">Get your new online presence</h2>
<h1 class="heading text-centered">Im&shy;print</h1>
<h2 class="subheading text-centered">About this website</h2>
</div>
<div class="centered">
<div class="code-background half-height">
<h2 class="biggest text-centered light-color">Imprint</h2>
</div>
<h2>About me</h2>
<p class="normal text-centered">Read more about me <a href="https://janishutz.com/about.html">here</a></p>
<h2>About this webpage</h2>
<p class="normal text-centered">Creating proper websites is a time consuming task if you've never done it before. Most people that run businesses don't have time to deal with all the things that are required to build a website. Therefore, many people use Wordpress or any similar tool to build websites, which still takes a lot of time and the hosting costs are very high. I try to solve this problem by offering websites at affordable prices, since I've not completed by studies yet.</p>
<h2>Image attribution</h2>
<ul>
<li><a href="https://commons.wikimedia.org/wiki/File:CSS3_logo_and_wordmark.svg">Rudloff</a>, <a href="https://creativecommons.org/licenses/by/3.0">CC BY 3.0</a>, via Wikimedia Commons, used in image <a href="/">here</a></li>

16
index.html
View File

@@ -1,18 +1,19 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=8">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Home :: Development - janishutz.com</title>
<link rel="stylesheet" href="/css/style.css">
<script defer src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script defer="" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script defer src="/js/loader.js"></script>
<meta http-equiv="X-UA-Compatible" content="IE=8">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="websites website-creation custom-websites">
<meta name="description" content="On the look out for a new website, custom built with performance, looks and flexibility in mind?">
<title>Home :: Development - janishutz.com</title>
</head>
<body>
<div id="nav"></div>
@@ -26,11 +27,12 @@
</div>
<div class="wrap-container">
<a href="/imprint.html"><img src="/assets/htmlCSSJS.png" class="wrap-image-right"></a>
<p class="normal text-centered">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.</p>
<p class="normal text-centered">Getting started with a web presence can be quite hard, especially, if you are not that well versed in technology. Therefore, I try to make it as easy as possible for you to get started with your own website. Simply name a few websites whose design you liked, tell me about some colours you'd like to use and give me your project or company's logo to get started! Websites I build are created from scratch using the programming languages that make up all of the websites, even ones created with frameworks!</p>
</div>
<div class="wrap-container">
<a href="https://commons.wikimedia.org/wiki/File:Node.js_logo.svg"><img src="/assets/Node.js_logo.svg" class="wrap-image-left"></a>
<p class="normal text-centered">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.</p>
<p class="normal text-centered">Looking for more than a static website? This is not a problem! Feel free to <a href="/contact.html">contact me</a> if you have any questions. Dynamic websites can be websites that have a contact form, a user login or anything that needs to send emails, store data on a server, ...</p>
<p class="normal text-centered">For this purpose I usually use Node.js and Vue.js.</p>
</div>
<p class="normal text-centered">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. *</p>
<p class="normal text-centered">Interested? Feel free to contact me below!</p>

13
index2.html → indexOld.html
View File

@@ -1,11 +1,18 @@
<!DOCTYPE html>
<html>
<head>
<title>Home :: Development - janishutz.com</title>
<meta http-equiv="X-UA-Compatible" content="IE=8">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/css/style.css">
<script defer src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script defer="" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script defer src="/js/loader.js"></script>
<meta name="keywords" content="websites website-creation custom-websites">
<meta name="description" content="On the look out for a new website, custom built with performance, looks and flexibility in mind?">
<title>Home :: Development - janishutz.com</title>
</head>
<body>
<div id="nav"></div>
@@ -19,11 +26,11 @@
</div>
<div class="wrap-container">
<a href="/imprint.html"><img src="/assets/htmlCSSJS.png" class="wrap-image-right"></a>
<p class="normal text-centered">Getting started with a web presence can be quite hard, especially, if you are not that well versed in technology. Therefore, I try to make it as easy as possible for you to get started with your own website. Simply name a few websites whose design you liked, tell me about some colours you'd like to use and give me your project or company's logo to get started!</p>
<p class="normal text-centered">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.</p>
</div>
<div class="wrap-container">
<a href="https://commons.wikimedia.org/wiki/File:Node.js_logo.svg"><img src="/assets/Node.js_logo.svg" class="wrap-image-left"></a>
<p class="normal text-centered">Looking for more than a static website? This is not a problem! Feel free to <a href="/contact.html">contact me</a> if you have any questions</p>
<p class="normal text-centered">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.</p>
</div>
<p class="normal text-centered">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. *</p>
<p class="normal text-centered">Interested? Feel free to contact me below!</p>

4
js/orderwebsite.js
View File

@@ -1,3 +1,3 @@
$(document).ready(function () {
$( document ).ready( function () {
$( '#contactForm' ).load( '/modules/contactForm.html' );
});
} );

7
modules/contactForm.html
View File

@@ -6,12 +6,13 @@
</head>
<body>
<form action="https://api.janishutz.com/contact?origin=development" method="post" class="form">
<label for="name" class="label">Full name</label><br>
<label for="name" class="label">Full name *</label><br>
<input type="text" name="name" id="name" placeholder="Your full name" required class="input"><br>
<label for="mail" class="label">Your email address</label><br>
<label for="mail" class="label">Your email address *</label><br>
<input type="email" name="mail" id="mail" placeholder="Your email address" required class="input"><br>
<label for="name" class="label">Your message</label><br>
<label for="name" class="label">Your message *</label><br>
<textarea name="name" id="name" placeholder="Your message" required minlength="50" rows="10" cols="100" class="textarea"></textarea><br>
<p style="font-size: 80%;">* required</p>
<input type="submit" value="Submit" class="button"><br>
</form>
</body>

13
order.html
View File

@@ -7,17 +7,22 @@
<script defer src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js" crossorigin="anonymous" referrerpolicy="no-referrer" ></script>
<script defer src="/js/orderwebsite.js"></script>
<script defer src="/js/loader.js"></script>
<meta http-equiv="X-UA-Compatible" content="IE=7">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Order a website that was built from scratch just for you at affordable prices!">
<meta name="keywords" content="websites website-creation custom-websites">
</head>
<body>
<div id="nav"></div>
<div class="heading-wrapper">
<h1 class="heading text-centered">Develop&shy;ment</h1>
<h1 class="heading text-centered">Or&shy;der</h1>
<h2 class="subheading text-centered">Get your new online presence</h2>
</div>
<div class="centered">
<div class="code-background half-height">
<h2 class="biggest text-centered light-color">Contact me for an offer</h2>
</div>
<h3>Ready for your new website?</h3>
<div id="contactForm"></div>
</div>

7
privacy.html
View File

@@ -10,13 +10,10 @@
<body>
<div id="nav"></div>
<div class="heading-wrapper">
<h1 class="heading text-centered">Develop&shy;ment</h1>
<h2 class="subheading text-centered">Get your new online presence</h2>
<h1 class="heading text-centered">Pri&shy;va&shy;cy Po&shy;li&shy;cy</h1>
<h2 class="subheading text-centered">How data gets processed by this website</h2>
</div>
<div class="centered">
<div class="code-background half-height">
<h2 class="biggest text-centered light-color">Privacy policy</h2>
</div>
<p class="text-centered">Privacy is an important factor for me. Therefore, all data that is being processed by my server is only accessible to me and will never be shared with anybody else. I do not use any third party captcha solution, except you explicitly wish the inclusion of one on your website.</p>
<h5 class="text-centered">What data is being processed?</h5>
<p class="text-centered">The data processed includes your full name, your email address and your message, you, the customer enters into the forms on this website. The data submitted is stored securely on my server and will always be sent in an encrypted form.</p>