Commit 0f79ff03 authored by Thodoris Papadopoulos's avatar Thodoris Papadopoulos

added base template (header + content + footer)

parent 98a46dcb
This source diff could not be displayed because it is too large. You can view the blob instead.
/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */
.container {
width: auto;
max-width: 680px;
......
......@@ -5,6 +5,6 @@ header .toping {
header .borderHeader {
border: 0;
height: 4px;
height: 5px;
background:linear-gradient(358.5deg,#00aeef .09%,#134a86) ;
}
......@@ -29,7 +29,7 @@
<div class="row toping">
<div class="text-center text-sm-left pb-4 col-sm-4 col-md-3 col-12">
<div class="logo_govgr logo_small"></div>
<a class="logo_govgr logo_small" href="https://gov.gr"></a>
</div>
<div class="col-sm-6 col-md-6 offset-sm-2 offset-md-3 col-12">
......
This source diff could not be displayed because it is too large. You can view the blob instead.
header .toping {
padding-top: 35px;
margin-bottom: -20px;
}
header .borderHeader {
border: 0;
height: 5px;
background:linear-gradient(358.5deg,#00aeef .09%,#134a86) ;
}
<!DOCTYPE html>
<html lang="el">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>GOV.GR - Starter Template</title>
<link rel="shortcut icon" href="../../images/gov_logo_16x16_favicon.png">
<!-- Custom GOV.GR theme - This already includes Bootstrap 4 -->
<link href="../../css/govgr_bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="./header.css" rel="stylesheet">
</head>
<body>
<!-- Header -->
<header class="bg-primary">
<div class="pb-4 container-fluid">
<div class="container">
<div class="row toping">
<div class="text-center text-sm-left pb-4 col-sm-4 col-md-3 col-12">
<a class="logo_govgr logo_small" href="https://gov.gr"></a>
</div>
<div class="col-sm-6 col-md-6 offset-sm-2 offset-md-3 col-12">
</div>
</div> <!-- row toping-->
</div> <!-- container -->
</div> <!-- container-fluid -->
<div class="borderHeader"></div>
</header>
</body>
</html>
.container {
width: auto;
max-width: 680px;
padding: 0 15px;
}
header .toping {
padding-top: 35px;
margin-bottom: -20px;
}
header .borderHeader {
border: 0;
height: 5px;
background:linear-gradient(358.5deg,#00aeef .09%,#134a86) ;
}
footer {
padding: 15px;
background: linear-gradient(315deg,#003476 .09%,#134a86);
background-image: linear-gradient(315deg, rgb(0, 52, 118) 0.09%, rgb(19, 74, 134));
background-position-x: initial;
background-position-y: initial;
background-size: initial;
background-repeat-x: initial;
background-repeat-y: initial;
background-attachment: initial;
background-origin: initial;
background-clip: initial;
background-color: initial;
text-align: center;
}
footer p {
font-size:0.85rem;
flex-grow: 1;
}
\ No newline at end of file
<!DOCTYPE html>
<html lang="el" class="h-100">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>GOV.GR - Starter Template</title>
<link rel="shortcut icon" href="../../images/gov_logo_16x16_favicon.png">
<!-- Custom GOV.GR theme - This already includes Bootstrap 4 -->
<link href="../../css/govgr_bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="./base.css" rel="stylesheet">
</head>
<body class="d-flex flex-column h-100">
<!-- Header -->
<header class="bg-primary">
<div class="pb-4 container-fluid">
<div class="container">
<div class="row toping">
<div class="text-center text-sm-left pb-4 col-sm-4 col-md-3 col-12">
<a class="logo_govgr logo_small" href="https://gov.gr"></a>
</div>
<div class="col-sm-6 col-md-6 offset-sm-2 offset-md-3 col-12">
</div>
</div> <!-- row toping-->
</div> <!-- container -->
</div> <!-- container-fluid -->
<div class="borderHeader"></div>
</header>
<main role="main" class="flex-shrink-0">
<div class="container">
<h1 class="mt-5">Heading 1</h1>
<p class="lead">Communicate your message.</p>
</div>
</main>
<footer class="footer mt-auto py-3 bg-primary">
<div class="container">
<div class="row pt-2">
<div class="col">
<div class="d-flex flex-column justify-content-center">
<p class="text-white mb-0 pb-2">Μια υπηρεσία του</p>
<div class=" pb-4">
<div class="mx-auto logo_govgr logo_xsmall"></div>
</div>
</div>
</div>
</div>
</div>
</footer>
</body>
</html>
......@@ -57,6 +57,10 @@ h6 {
background:url(data:image/svg+xml;base64,#{$govgrLOGO}) no-repeat;
}
a.logo_govgr{
display: block;
}
.logo_govgr.logo_small {
width: 211px;
height: 57px;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment