Your IP : 216.73.216.124
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="/mycss.css">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<title>Soul Food</title>
<style type="text/css">
a:-webkit-any-link {
cursor: pointer;
text-decoration: none;
}
.w3-xxxlarge{
font-size: 20px!important;
border-radius:20px;
}
.bg{
background-image: url(abmainbannerphone.png);
background-size: contain;
background-attachment: fixed;
background-position-x:center;
}
.my-buttons{
padding: 5% 36%;
}
.mystyle-header{
font-size: 2rem;
text-shadow: 2px 2px 4px #000000;
line-height: 1rem;
margin: 10px 31vw;
}
.pass-pointer{
font-size: 0.9rem;
margin: 10px 5vw;
}
/* Small devices (phones, 360px and up) */
@media (min-width: 360px) {
.my-buttons{
display: flex;
padding: 100% 3%;
}
.mystyle-header{
font-size: 2rem;
text-shadow: 2px 2px 4px #000000;
line-height: 1rem;
margin: 10px 1vw;
}
.pass-pointer{
font-size: 0.9rem;
margin: 10px 1vw;
color:#fff!important;
text-shadow: 2px 2px 4px #000000;
}
.footer-style{
font-size: 0.9rem;
margin: 0px 7vw;
color:white;
text-shadow: 2px 2px 4px #000000;
}
}
/* Medium devices (teblets, 565px and up) */
@media (min-width: 565px) {
.mystyle-header{
font-size: 2rem;
text-shadow: 2px 2px 4px #000000;
line-height: 1rem;
margin: 10px 1vw;
}
.pass-pointer{
font-size: 0.9rem;
margin: 10px 1vw;
color:#fff!important;
text-shadow: 2px 2px 4px #000000;
}
.footer-style{
font-size: 0.9rem;
margin: 0px 28vw;
color:white;
text-shadow: 2px 2px 4px #000000;
}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
.bg{
background-image: url(abmainbannertab.png);
background-size: contain;
margin-right: 20px;
}
.my-buttons{
margin: 0 0 0 10%;
padding: 38% 25%;
}
.mystyle-header{
font-size: 2rem;
text-shadow: 2px 2px 4px #000000;
line-height: 1rem;
margin: 10px 1vw;
}
.pass-pointer{
font-size: 0.9rem;
margin: 10px 1vw;
color:#fff!important;
text-shadow: 2px 2px 4px #000000;
}
.footer-style{
font-size: 0.9rem;
margin: 0px 28vw;
color:white;
text-shadow: 2px 2px 4px #000000;
}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.bg{
background-image: url(abmainbanner.png);
background-size: cover;
margin-right: 20px;
}
.my-buttons{
margin: 0 0 0 3%;
padding: 24% 38%;
}
.mystyle-header{
font-size: 2rem;
text-shadow: 2px 2px 4px #000000;
line-height: 1rem;
margin: 10px 31vw;
}
.pass-pointer{
font-size: 0.9rem;
margin: 10px 31vw;
color:#000!important;
text-shadow: 2px 2px 4px #ffffff;
}
.footer-style{
font-size: 0.9rem;
margin: 0px 41vw;
color:white;
text-shadow: 2px 2px 4px #000000;
}
}
</style>
</head>
<body class="bg">
<div class="w3-row my-buttons">
<div class="w3-container w3-half">
<p><button class="w3-button w3-blue w3-xxxlarge" style="color:fff;"><a href="https://nutrition.soulfood.gr/ab">ΔΙΑΤΡΟΦΗ</a></button></p>
</div>
<div class="w3-container w3-half">
<p><button class="w3-button w3-red w3-xxxlarge" style="color:fff;"><a href="https://psychology.soulfood.gr/ab">ΨΥΧΟΛΟΓΙΑ</a></button></p>
</div>
</div>
</body>
</html>