https://makismatsas.gr/

1<!--[if IE]><![endif]--> 
2<!DOCTYPE html>
3<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
4<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8"> <![endif]-->
5<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
6<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
7    <head>
8        <meta charset="utf-8">
9        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
10		<title>Μάκης Μάτσας</title>
11        <meta name="description" content="">
12        <!-- <meta name="viewport" content="width=device-width"> -->
13
14        <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
15        <link rel="stylesheet" href="css/normalize.css">
16        <link rel="stylesheet" href="css/960.css">
17        <link rel="stylesheet" href="css/app.css">
18        <link rel="stylesheet" href="css/main.css">
19        

19<script src="js/vendor/modernizr-2.6.2.min.js"></script>

19
20		<style>
21
22		/*for responsive texts*/
23		.allinone_carousel.charming .elementTitle {
24			position:absolute;
25			left:0;
26			top:270px;
27			width:100%;
28			text-align:center;
29			font-size: 12px;
30			font-family: arial;
31			font-weight:normal;
32			color:#fff;
33			/*text-transform: uppercase;*/
34		}
35
36		.text_span_charming {
37			position:absolute;
38			left:0;
39			width:100%;
40			text-align:center;
41			font-weight: normal;
42			color:#7f7f7f;
43			text-transform: none;
44		}
45		
46	#container { display:block; }
47		@media only screen and (orientation:portrait){
48		  #container {  
49		    height: 100vw;
50		    width: 100%;
51		    -webkit-transform: rotate(90deg)!important;
52		    -moz-transform: rotate(90deg)!important;
53		    -o-transform: rotate(90deg)!important;
54		    -ms-transform: rotate(90deg)!important;
55		    transform: rotate(90deg)!important;
56		    
57		  }
58		  html { 
59		          background: #222222; 
60		          
61		  }
62		  
63
64		  }
65		  @media only screen 
66		  and (min-device-width : 214px) 
67		  and (max-device-width : 736px) { 
68		  img {
69		      vertical-align: middle;
70		      height: 270px;
71		  }
72		  
73
74		  html { 
75		          background: #222222; 
76		          
77		  }
78		  
79		.wrap { vertical-align: middle; position: absolute; left: 0; top: 60%; margin-top: -310px; height: 610px; width: 100%; }
80		
81	.bn{margin-top:-16px;}
82	   .agapimena, .archeio, .makis, .junior, .omilies, .filoi, .home, .margarita, .omilies, .senior {
83	       display: block; background: url(../images/site/navigation4.png) no-repeat top left;text-indent: -9999em;
84	   }
85	
86	   .agapimena{ background-position: 0 0; width: 226px; height: 106px; position: relative; z-index: 1; margin: 0 -60px -20px 45px;} 
87	   .archeio{ background-position: 0 -101px; width: 172px; height: 87px; position: relative; z-index: 2;  margin: 0 -60px 0 0px;} 
88	   .filoi{ background-position: 0 -162px; width: 219px; height: 97px; } 
89	   .home{ background-position: 0 -275px; width: 122px; height: 53px;  } 
90	   .junior{ background-position: 0 -363px; width: 182px; height: 83px; position: relative; z-index: 2; margin-left: -50px; } 
91	   .makis{ background-position: 0 -417px; width: 262px; height: 109px; } 
92	   .margarita{ background-position: 0 -560px; width: 181px; height: 84px; } 
93	   .omilies{ background-position: 0 -615px; width: 242px; height: 102px;  } 
94	   .senior{ background-position: 0 -752px; width: 181px; height: 86px; margin: 0 20px; } 
95	   /* the container */
96		   /* the container */
97			
98	
99		</style>

100<script src="//content.jwplatform.com/libraries/eX4mp13.js"></script>

100
101		
102    </head>
103    <body>
104    <div id="container">
105        
106    
107        <!--[if lt IE 7]>
108            <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
109        <![endif]-->
110
111        <!-- Add your site or application content here -->
112		<div class="wrap">
113			<header>
114				<nav>
115				<div class="container_12">
116					<div class="grid_12">
117						<ul class="nav-bar">
118						  <li><a href="index.html" class="home">Αρχική</a></li>
119						  <li><a href="makismatsas.html" class="makis">Ο Μάκης Μάτσας</a></li>
120						  <li><a href="friends.html" class="filoi"><span class="innerLink">Φίλοι & συνεργάτες μιλούν για τον Μάκη Μάτσα</span></a></li>
121						  <li><a href="talks.html" class="omilies">Ομιλίες και αφιερώματα του Μάκη Μάτσα</a></li>
122						<li><a href="index-en.html" class="language">english</a></li>
123					
124						</ul>
125					</div>
126				</div>
127				</nav>
128			</header>
129			<section>
130			
131			<div class="clear"></div>
132			<div id="bio" style="display: block;">
133				<div class="container_12" style="margin-top:0px; padding-top:0px; !important">
134					
135				<div class="grid_12" ><div style="color: #fff;  border:0; font-weight: normal; border-radius: 0px 0px 8px 8px; display: inline-block; vertical-align: top; padding: 0 4px; margin: 0 3px 0 0; box-shadow: 1px 1px 2px rgba(0,0,0,.5); float:right; color:#fffd9f;">
136					
137			
138							</div>
139               </div>
140		<div style="float: center; margin-right:12px">  <img src="images/makis-first7.png" alt="" width="" height=""/> </div>
141									
142					
143				</div>
144			</div>
145			
146			
147			
148	
149		</section>
150			<footer>
151					<div class="container_12">
152						<div class="grid_12">
153							<ul class="nav-bar">
154							  <li><a href="markiza.html" class="agapimena">Τα αγαπημένα τραγούδια του Μάκη Μάτσα και η ιστορία τους</a></li>
155							  <li><a href="photos.html" class="archeio">Φωτογραφικό αρχείο</a></li>
156							  <li><a href="minosmatsassenior.html" class="senior">Ο Μίνως Μάτσας Senior</a></li>
157							  <li><a href="margaritamatsas.html" class="margarita">Μαργαρίτα Μάτσα</a></li>
158							  <li><a href="minosmatsas.html" class="junior">Μίνως Μάτσας Junior</a></li>
159							</ul>
160						</div>
161	
162					</div>
163				</footer>	
164				
165			
166				<audio  controls autoplay loop style="text-align: center;">
167				  <source src="assets/audio/homepage.mp3" type="audio/mpeg">
168				  
169				  				Your browser does not support the audio element.
170				</audio>
171				
172		
173		</div>  
174		</div>      
175
176		

176<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js" type="text/javascript"></script>

176
177		

177<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>

177
178        

178<script>window.jQuery || document.write('

178<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>

178
179        

179<script src="js/plugins.js"></script>

179
180        

180<script src="js/main.js"></script>

180
181
182        <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
183       <!--
184	    

184<script>
185            var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
186            (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
187            g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
188            s.parentNode.insertBefore(g,s)}(document,'script'));
189        </script>

189
190		-->
191    </body>
192</html>