Beruflich Dokumente
Kultur Dokumente
2.
<html xmlns="http://www.w3.org/1999/xhtml">
3.
<head>
4.
5.
<title>Brain Tech</title>
6.
7.
8.
9.
<script type="text/javascript"
src="http://ajax.googlesapi.com/ajax/libs/jquery/jquery.min.js"></script>
10.
11. </head>
12.
13. <body>
14. <div id="topPan">
15.
class="logo"/></a>
16.
17.
18.
<ul>
19.
<li class="home">home</li>
20.
21.
<li><a href="#">support</a></li>
22.
<li><a href="#">solutions</a></li>
23.
<li><a href="#">books</a></li>
24.
<li><a href="#">contact</a></li>
25.
</ul>
26. </div>
27.
28. <div id="bodyPan">
29.
<div id="leftPan">
30.
<h2>what is <span>braintech</span></h2>
31.
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras sit amet neque a mauris
semper sagittis. Sed facilisis turpis in elit. Nunc purus augue, ornare sed, bibendum vie</p>
32.
<p>Sed eros tellus, blandit in, tempus a, imperdiet at, ante. Phasellus pede. Mauris mauris
nibh, euismod nec, sagittis imperdiet, nonummy at, dui. Integer sem sapien, faucibus it amet, tristique
eu, blandit sit amet, massa. Nam lacinia. Proin ut velit id mauris luctus vestibulum. Aenean
condimentum. Donec iaculis volutpat augue. Nulla facilisi. Praesen orci eget nisl faucibus interdum.
</p>
33.
34.
<div id="leftblockonePan">
35.
<h3>latest <span>blogs</span></h3>
36.
<h4><span>1.</span>kavin johnes</h4>
37.
<p><span>Lorem ipsum dolor sit amet, consectetuer</span> adipiscing elit. Cras sit amet
neque a mauris semper sagittis. Sed facilisis turpis in elit. Nunc purus augue, ornare sed, bibendum
vie</p>
38.
39.
<div id="leftblockoneLinkPan">
40.
<ul>
41.
<li class="comments">comments</li>
42.
43.
</ul>
44.
</div>
45.
46.
<h4><span>2.</span>henry richard</h4>
47.
<p><span>Lorem ipsum dolor sit amet, consectetuer</span> adipiscing elit. Cras sit amet
neque a mauris semper sagittis. Sed facilisis turpis in elit. Nunc purus augue, ornare sed, bibendum
vie</p>
48.
<div id="leftblockoneLinktwoPan">
49.
<ul>
50.
<li class="comments">comments</li>
51.
52.
</ul>
53.
54.
</div>
</div>
55.
56.
<div id="leftblocktwoPan">
57.
<h3>new <span>books</span></h3>
58.
<ul>
59.
60.
<li class="price">$20</li>
61.
62.
<li class="price">$20</li>
63.
64.
<li class="price">$25</li>
65.
<li class="bookname">condimentum.</li>
66.
<li class="price">$20</li>
67.
68.
<li class="price">$35</li>
69.
70.
<li class="price">$30</li>
71.
72.
<li class="price">$29</li>
73.
74.
<li class="price">$40</li>
75.
76.
<li class="price">$25</li>
77.
<li class="bookname">condimentum.</li>
78.
<li class="price">$20</li>
79.
80.
<li class="price">$20</li>
81.
82.
<li class="price">$20</li>
83.
</ul>
84.
85.
86.
87.
</div>
88.
<div id="rightPan">
89.
90.
<h2>member login</h2>
91.
<label>Name:</label>
92.
93.
<label>Passward:</label>
94.
95.
96.
97.
</form>
98.
<h3>more links</h3>
99.
<ul>
100.
<li><a href="#">www.braintech.com</a></li>
101.
<li><a href="#">www.brainmod.com</a></li>
102.
<li><a href="#">www.braintech2.com</a></li>
103.
<li><a href="#">www.modedu.com</a></li>
104.
<li><a href="#">www.modtech3.com</a></li>
105.
<li><a href="#">www.university.com</a></li>
106.
</ul>
107.
<div id="rightform2Pan">
108.
109.
<h2>search</h2>
110.
<label>www.</label>
111.
112.
<select name="select">
113.
<option>.com</option>
114.
<option>.org</option>
115.
</select>
116.
117.
</form>
118.
</div>
119.
</div>
120.
</div>
121.
<div id="bodyBottomPan">
122.
<div id="BottomLeftPan">
123.
124.
125.
126.
<div id="BottomMiddlePan">
127.
<p>Sed eros tellus, blandit in, tempus a, imperdiet at, ante. Phasellugittiss
pedeamet,. Mauris mauris nibh, euismod nec, sagittis imperdietgittise, nonummy at, dui. Integer semimp
sapien, faucibus it amet, tristique eu, blandit sit amet, massa. Nam lacinia.Proin ut velit id
maurisluctus urisr vestibulum. Aenean condimentum.Donec iaculis </p>
128.
129.
130.
</div>
131.
<div id="footerPan">
132.
133.
<div align="center">
134.
<tr valign="middle">
136.
</tr>
142.
143.
</table>
</div>
144.
145.
146.
147.
</div>
148.
</body>
149.
</html>
150.