-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
95 lines (83 loc) · 3.14 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
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="example" />
<link rel="stylesheet" href="css/style.css">
<title>Example for a company</title>
</head>
<body>
<header>
<a class="ribbon" tabindex="-1" title="back to mainpage!" href="index.html">
<h1 id="logo">bla bla bla</h1>
<p>Fasttracker removals</p>
</a>
</header>
<main>
<nav id="navigation">
<ul>
<li><a aria-current="page">Home</a></li>
<li><a href="about.html">About us</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="referenceobjects.html">Reference objects</a>
<li><a href="arrival.html">Arrival</a></li>
<li><a href="2-contact.html">Contact</a></li>
</ul>
</nav>
v
<section id="intro">
<h2>Welcome <span>to Fasttracker removals</span></h2>
<p>
This is an <strong> Example page</strong>Please dont hesitate to contact us for an offer.
</p>
</section>
<section class="spalte">
<h2>Lorem ipsum</h2>
<p>
<img src="img/dummy-3.jpg" alt="See more for details">
Lorem ipsum dolor sit amet conis ectetuer adipiscing elit sed diame nonummy nibh euismod incidunt uti laoreetdo lore magna aliquami erat volutipat. Ut wisi enim admini m veniam, quis nostrud exercitatn ullamcorper suscipit lobortis nislit aliquip ex ea commodo consequat. Duis autemi vel eum iriure dolor in hendrerit in vulputate velites.<br>
<a class="more" href="1-subpage.html">read more</a>
</p>
</section>
<section class="spalte">
<h2>Lorem ipsum</h2>
<p>
Lorem ipsum dolor sit amet consectetiu eradipiscing elit sed diam.
</p>
<ul class="square">
<li><a href="#">Lorem ipsum</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Lorem ipsmum dolor sit</a></li>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
</ul>
</section>
form name="form1" onsubmit="return proof()">
Name: <input name="Name" type="text"><br>
Adress: <input name="Adress" type="text"><br>
E-Mail: <input name="EMail" type="text"><br>
Subject: <select name="Subject">
<option value="nothing">choose</option>
<option value="request">request</option>
<option value="order">order</option>
<option value="hint">hinweis</option>
</select><br>
Newsletter:
<input type="Radio" name="News" value="ja"> ja /
nein <input type="Radio" name="News" value="nein">
<br>
Text: <textarea name="Input" cols="30" rows="3">
</textarea><br>
<input type="Submit"><input type="reset">
</form>
</main>
<footer class="grid">
<ul id="footer-nav">
<li><a href="2-contact.html" title="subpage"><img src="img/info.svg" alt="info"></a></li>
<li><a href="#" title="Sitemap"><img src="img/sitemap.svg" alt="info"></a></li>
<li><a href="2-contact.html" title="impressum"><img src="img/print.svg" alt="print"></a></li>
</ul>
<a class="more" href="about.html">go ahead</a>
</footer>
</body>
</html>