-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
109 lines (101 loc) · 4.07 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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Watercolor</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- JS -->
<script type="text/javascript" src="js/jquery_1.3.2.js"></script>
<script type="text/javascript" src="js/jqueryui.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
<!-- ENDS JS -->
<!-- superfish -->
<link rel="stylesheet" type="text/css" media="screen" href="css/superfish-custom.css" />
<script type="text/javascript" src="js/superfish-1.4.8/js/hoverIntent.js"></script>
<script type="text/javascript" src="js/superfish-1.4.8/js/superfish.js"></script>
<!-- ENDS superfish -->
<!-- CSS -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/spring.css" type="text/css" media="screen" />
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" media="screen" href="css/ie-hacks.css" />
<script type="text/javascript" src="js/DD_belatedPNG.js"></script>
<script>/* EXAMPLE */ DD_belatedPNG.fix('*');</script>
<![endif]-->
<!-- ENDS CSS -->
<!-- Cufon -->
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/bebas_400.font.js" type="text/javascript"></script>
<script type="text/javascript">Cufon.replace('.custom', { fontFamily: 'bebas', hover: true });</script>
<!-- /Cufon -->
</head>
<body class="index">
<!-- WRAPPER -->
<div id="wrapper">
<!-- navigation -->
<ul id="nav" class="sf-menu" style="margin-top: 110px;">
<li class="custom"><a href="contact.html">CONTACT</a></li>
<li class="custom"><a href="gallery.html">GALERIE</a></li>
<li class="custom"><a href="blog.html">Premii</a></li>
<li class="custom"><a>DESPRE</a>
<ul>
<li><a href="about.html">Copilaria</a></li>
<li><a href="about2.html">Schimbarea infatisarii</a></li>
<li><a href="about3.html">Dangerous</a></li>
</ul>
</li>
<li class="custom"><a href="index.html">Prima Pagina</a></li>
</ul>
<!-- ENDS navigation -->
<!-- HEADER -->
<div id="header" style="height: 250px;"> <a href="index.html"><img src="img/logo.png" alt="" id="logo" /></a> <img src="img/nav-arrow.png" alt="" id="arrow" class="arrow-home" />
</div>
<!-- ENDS HEADER -->
<!-- MAIN -->
<div id="main">
<!-- slideshow -->
<div id="slideshow">
<ul id="slides">
<li><img src="slides/01.jpg" alt="" /></li>
<li><img src="slides/02.jpg" alt="" /></li>
<li><img src="slides/03.jpg" alt="" /></li>
<li><img src="slides/04.jpg" alt="" /></li>
<li><img src="slides/05.jpg" alt="" /></li>
</ul>
<span></span> <a href="#"><img src="img/prev-slide.png" alt="" id="prev" /></a> <a href="#"><img src="img/next-slide.png" alt="" id="next" /></a> </div>
<!-- ENDS slideshow -->
<p class="custom excerpt" style="margin-top: 20px;">The King of Pop</p>
<center><img src="img/quot.jpg" ><br>
<audio autoplay loop controls>
<source src="music.mp3" type="audio/mpeg">
Your browser does not support the audio tag.
</audio></center>
<!-- blocks -->
<!-- ENDS blocks -->
</div>
<!-- ENDS MAIN -->
</div>
<!-- ENDS WRAPPER -->
<!-- FOOTER -->
<div id="footer">
<div id="footer-wrapper">
<ul id="follow">
<li>
<p>Linkuri: </p>
</li>
<li><a href="https://twitter.com/michaeljackson"><img src="img/twitter.png" alt="" /></a></li>
<li><a href="https://www.facebook.com/michaeljackson"><img src="img/facebook.png" alt="" /></a></li>
<li><a href="http://www.truemichaeljackson.com/rss/"><img src="img/rss.png" alt="" /></a></li>
</ul>
<div class="footer-bottom">
<p class="legal">© Marcu Victor</p>
</div>
</div>
</div>
<!-- ENDS FOOTER -->
<!-- start cufon -->
<script type="text/javascript">Cufon.now();</script>
<!-- ENDS start cufon -->
</body>
</html>