-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex2.html
executable file
·188 lines (185 loc) · 6.71 KB
/
index2.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
182
183
184
185
186
187
188
<!doctype html>
<html lang="es">
<head>
<!--INF SOBRE IEXPLORER-->
<![if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>SYSCOD</title>
<!--CSS-->
<link href="css/xom.css" rel="stylesheet" type="text/css">
<!--JS-->
<script src="js/validaciones.js"></script>
<script>
required.add('Full_Name','NOT_EMPTY','Nombre');
required.add('Email_Address','EMAIL','Correo');
required.add('Your_Message','NOT_EMPTY','Su mensaje')
</script>
</head>
<body>
<!--Start wrapper -->
<div class="containerWrap">
<!--start header -->
<div class="header">
<!--start logo -->
<div class="logo">
<img src="logo.png"/>
</div><!--end logo -->
<!--start navigation -->
<div id="nav"> <li class="current"><a href="#">SYSCOD</a></li>
<li><a href="#">SYSCOD</a>
<ul>
<li><a href="#">Contabilidad</a>
<ul>
<li><a href="#">The Pool</a></li>
<li><a href="#">Spire Parts</a></li>
<li><a href="#">Wallpapers</a></li>
<li><a href="#">Standards to be met</a></li>
</ul>
</li>
<li><a href="#">The rates for school</a>
<ul>
<li><a href="#">Video Tutorials</a></li>
</ul>
</li>
<li><a href="#">Forum</a></li>
<li><a href="#">Best Web Gallery</a></li>
</ul>
</li>
<li><a href="#">Other Pages</a>
<ul>
<li><a href="#">Our Team</a>
<ul>
<li><a href="#">Sub-Level Item</a></li>
<li><a href="#">Sub-Level Item</a>
<ul>
<li><a href="#">Level Item</a></li>
<li><a href="#">Level Item</a></li>
<li><a href="#">Level Item</a></li>
</ul>
</li>
<li><a href="#">Level Item</a></li>
</ul>
</li>
<li><a href="#">Shop</a></li>
<li><a href="#">Link Friends</a></li>
<li><a href="#">Ou Side</a>
<ul>
<li><a href="#">Sub-Level Item</a></li>
<li><a href="#">Sub-Level Item</a></li>
<li><a href="#">Sub-Level Item</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">About</a></li>
<li><a href="http://www.imediacreatives.it">Imediacreatives</a></li>
<li><a href="#">Register</a></li></div>
<!--end navigation -->
<div class="content" id="wrapper">
<article>
<h3 class="shad">The sea breeze and the waves that caress your fighting spirit. I was born on the beach, and he ... I recall as a loving father.</h3>
<div class="btn">Read More</div>
<div class="intro"></div>
<hr>
<h2 class="shadows">CONTACT US</h2>
<!--contact form -->
<form name="contactformfree" method="post" action="free_process.php" onSubmit="return validate.check(this)">
<table width="400px" class="cffree">
<tr>
<td colspan="2">
<p style="text-align:center">Fields marked with <span class="required_star"> * </span> are required.</p>
</td>
</tr>
<tr>
<td valign="top" class="cffree_td">
<label for="Full_Name" class="required">Full Name<span class="required_star"> * </span></label>
</td>
<td valign="top" class="cffree_td">
<input type="text" name="Full_Name" id="Full_Name" maxlength="80" style="width:250px">
</td>
</tr>
<tr>
<td valign="top" class="cffree_td">
<label for="Email_Address" class="required">Email Address<span class="required_star"> * </span></label>
</td>
<td valign="top" class="cffree_td">
<input type="text" name="Email_Address" id="Email_Address" maxlength="100" style="width:250px">
</td>
</tr>
<tr>
<td valign="top" class="cffree_td">
<label for="Telephone_Number" class="not-required">Telephone Number</label>
</td>
<td valign="top" class="cffree_td">
<input type="text" name="Telephone_Number" id="Telephone_Number" maxlength="100" style="width:250px">
</td>
</tr>
<tr>
<td valign="top" class="cffree_td">
<label for="Your_Message" class="required">Your Message<span class="required_star"> * </span></label>
</td>
<td valign="top" class="cffree_td">
<textarea style="width:250px;height:120px" name="Your_Message" id="Your_Message" maxlength="2000"></textarea>
</td>
</tr>
<tr>
<td colspan="2" style="text-align:center" class="cffree_td">
<input type="submit" value=" Submit Form ">
</td>
</tr>
</table>
</form>
<!--end contact form -->
</article><!--start article -->
<aside>
<hgroup>
<h1>Welcome to my PASSION</h1>
<h2>We have reason to believe that passion is for you</h2>
</hgroup>
<p>Kitesurfing masters will follow you all the way of training...</p>
— — — —
<h4>Kitesurf Center</h4>
The center is equipped to simulate the sport. There is in addition, a swimming pool with large fans to simulate wind force.
<p>My Progress on Kitesurf</p>
<progress value="30" max="100"></progress>
<div class="thumb">
<ul class="thumbinail">
<li><a href="…"><img src="images/kite1.jpg" alt=""></a></li>
<li><a href="…"><img src="images/kite2.jpg" alt=""></a></li>
<li><a href="…"><img src="images/kite3.jpg" alt=""></a></li>
<li><a href="…"><img src="images/kite4.jpg" alt=""></a></li>
</ul>
<div class="redbutton"><a href="#">Gallery</a></div>
<div class="social">
<a href="#"><img src="images/twitter.png" alt="Follow on Twitter" width="64" height="64"></a>
<a href="#"><img src="images/youtube.png" alt="Video Kitesurf" width="64" height="64"></a>
<a href="#"><img src="images/facebook.png" alt="Become a fan" width="64" height="64"></a>
<a href="#"><img src="images/flickr.png" alt="from Flickr"></a>
</div>
</div>
</aside>
</div>
</div>
<!--start footer -->
<footer>
<div class="top">
<!--end footer -->
</div>
<div class="footerWrapper" id="footercontent">
<li><a href="#">Home Page</a></li>
<li><a href="#">Spire Parts</a></li>
<li><a href="#">About Kite</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">Training</a></li>
<li><a href="#">Terms</a></li>
<li><a href="#">Site Map</a></li>
<p><li><a href="http://www.imediacreatives.it" target="_blank">Coder & Design Imediacreatives </a>© copyrigth - Yousite.com</li></p>
</div>
</footer>
</div>
<!--end wrapper -->
<!-- Free template distributed by http://freehtml5templates.com -->
</body>
</html>