Your IP : 216.73.216.201
<!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(somainbannerphone.png);
background-size: cover;
background-attachment: fixed;
background-position-x:center;
}
.my-buttons{
padding: 43vh 35vw;
}
.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;
}
.w3-blue {
background-color: #0066b3!important;
}
.w3-button:hover {
color: #0066b3!important;
background-color: #fef200!important;
}
/* Small devices (phones, 360px and up) */
@media (min-width: 360px) {
.my-buttons{
display: flex;
position: absolute;
bottom: 19vh;
padding: 0vh 9vw;
}
.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(somainbannertab.png);
background-size: cover;
margin-right: 20px;
}
.my-buttons{
margin: 0 0 0 10%;
padding: 43vh 25vw;
}
.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 portrait orientation) */
@media (min-width: 768px) and (orientation: portrait) {
.my-buttons{
margin: 0 0 0 10%;
padding: 21vh 13vw;
}
}
/* Small devices (tablets, 768px and up // height of 590px and up ) */
@media (min-width: 768px) and (min-height: 490px) {
.my-buttons{
margin: 0 0 0 10%;
padding: 16vh 20vw;
}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.bg{
background-image: url(somainbanner.png);
background-size: cover;
margin-right: 20px;
}
.my-buttons{
margin: 0 0 0 2%;
padding: 21vh 34vw;
}
.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">
<div><a href="https://nutrition.soulfood.gr/softone"><img style="max-width: 100%;" src="btn-diet.PNG"></a></div>
</div>
<div class="w3-container w3-half">
<div><a href="https://psychology.soulfood.gr/softone"><img style="max-width: 100%;" src="btn-psy.png"></a> </div>
</div>
</div>
</body>
</html>