Commit 676994aa authored by Thodoris Papadopoulos's avatar Thodoris Papadopoulos

directory structure changed & added footer (draft)

parent c3ab82c9
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;
padding: 0 15px;
}
.footer {
margin-top: auto !important;
}
\ No newline at end of file
<!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="./footer.css" rel="stylesheet">
</head>
<body class="d-flex flex-column h-100">
<!-- Begin page content -->
<main role="main" class="flex-shrink-0">
<div class="container">
<h1 class="mt-5">Sticky footer</h1>
<p class="lead">Pin a footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS.</p>
</div>
</main>
<footer class="footer mt-auto py-3 bg-dark text-white-50" style="margin-top:auto!important;">
<div class="container">
<p class="m-0 text-center text-white">Copyright &copy; 2020 GOV.GR</p>
</div>
</footer>
</html>
\ No newline at end of file
......@@ -10,13 +10,13 @@
<title>GOV.GR - Bootstrap Theme Kit</title>
<link rel="shortcut icon" href="./images/gov_logo_16x16_favicon.png">
<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">
<link href="../css/govgr_bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="./css/landingpage.css" rel="stylesheet">
<link href="./index.css" rel="stylesheet">
</head>
......@@ -35,7 +35,7 @@
It includes a project structure with a gulp script that builds a custom CSS version of Bootstrap 4, according to the styling guidelines of GOV.GR</p>
</div>
<div class="col-lg-4">
<img src="images/govgr-bootstrap-theme.png" />
<img src="../images/govgr-bootstrap-theme.png" />
</div>
</div>
</div>
......@@ -64,37 +64,37 @@
<div class="row">
<div class="col-md-4 mb-5">
<div class="card h-100">
<img class="card-img-top" src="images/screencapture-landingpage.png" alt="Landing Page">
<img class="card-img-top" src="../images/screencapture-landingpage.png" alt="Landing Page">
<div class="card-body">
<h4 class="card-title">Landing Page 1</h4>
<p class="card-text">A sample landing page, using a large header with title and subtitle.</p>
</div>
<div class="card-footer">
<a href="landingpage.html" class="btn btn-primary">Browse Page</a>
<a href="./landingpage/landingpage.html" class="btn btn-primary">Browse Page</a>
</div>
</div>
</div>
<div class="col-md-4 mb-5">
<div class="card h-100">
<img class="card-img-top" src="images/screencapture-landingpage2.png" alt="Landing Page 2">
<img class="card-img-top" src="../images/screencapture-landingpage2.png" alt="Landing Page 2">
<div class="card-body">
<h4 class="card-title">Landing Page 2</h4>
<p class="card-text">A landing page with a small header and a second logo (on the right).</p>
</div>
<div class="card-footer">
<a href="landingpage2.html" class="btn btn-primary">Browse Page</a>
<a href="./landingpage/landingpage2.html" class="btn btn-primary">Browse Page</a>
</div>
</div>
</div>
<div class="col-md-4 mb-5">
<div class="card h-100">
<img class="card-img-top" src="images/screencapture-landingpage3.png" alt="Login Page">
<img class="card-img-top" src="../images/screencapture-landingpage3.png" alt="Login Page">
<div class="card-body">
<h4 class="card-title">Landing Page 3</h4>
<p class="card-text">A landing page that includes a login form.</p>
</div>
<div class="card-footer">
<a href="landingpage3.html" class="btn btn-primary">Browse Page</a>
<a href="./landingpage/landingpage3.html" class="btn btn-primary">Browse Page</a>
</div>
</div>
</div>
......@@ -114,7 +114,6 @@
<!-- Put necessary JavaScript scripts here-->
</body>
......
......@@ -10,13 +10,13 @@
<title>GOV.GR - Starter Template</title>
<link rel="shortcut icon" href="./images/gov_logo_16x16_favicon.png">
<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">
<link href="../../css/govgr_bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="./css/landingpage.css" rel="stylesheet">
<link href="./landingpage.css" rel="stylesheet">
</head>
......
......@@ -9,13 +9,13 @@
<title>GOV.GR - Starter Template</title>
<link rel="shortcut icon" href="./images/gov_logo_16x16_favicon.png">
<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">
<link href="../../css/govgr_bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="./css/landingpage_sh.css" rel="stylesheet">
<link href="./landingpage_sh.css" rel="stylesheet">
</head>
<body class="d-flex flex-column">
......@@ -30,7 +30,7 @@
</a>
<a href="https://www.foreas.gr/" rel="noopener noreferrer" target="_blank" class="jss1">
<img class="org_logo_small" src="images/org3_logo.png">
<img class="org_logo_small" src="../../images/org3_logo.png">
</a>
<div class="nav_title">
......
......@@ -9,14 +9,14 @@
<title>GOV.GR - Starter Template</title>
<link rel="shortcut icon" href="./images/gov_logo_16x16_favicon.png">
<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">
<link href="../../css/govgr_bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="./css/landingpage_sh.css" rel="stylesheet">
<link href="./css/login.css" rel="stylesheet">
<link href="./landingpage_sh.css" rel="stylesheet">
<link href="../login/login.css" rel="stylesheet">
</head>
<body class="d-flex flex-column">
......@@ -31,7 +31,7 @@
</a>
<a href="https://www.foreas.gr/" rel="noopener noreferrer" target="_blank" class="jss1">
<img class="org_logo_small" src="images/org3_logo.png">
<img class="org_logo_small" src="../../images/org3_logo.png">
</a>
<div class="nav_title">
......
......@@ -10,13 +10,13 @@
<title>GOV.GR - Login Template</title>
<link rel="shortcut icon" href="./images/gov_logo_16x16_favicon.png">
<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">
<link href="../..//css/govgr_bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="./css/login.css" rel="stylesheet">
<link href="./login.css" rel="stylesheet">
</head>
......
......@@ -9,10 +9,10 @@
<title>GOV.GR - Reference Template</title>
<link rel="shortcut icon" href="./images/gov_logo_16x16_favicon.png">
<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">
<link href="../../css/govgr_bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
......
......@@ -25,7 +25,7 @@ function buildCss() {
.pipe(cleanCss())
.pipe(rename({suffix: '.min'}))
.pipe(gulp.dest('css/'))
.pipe(gulp.dest('templates/css'))
.pipe(gulp.dest('examples/css'))
}
function watcher() {
......
......@@ -3,9 +3,8 @@
footer{
display: flex;
border-top: 3px solid;
border-image: linear-gradient(358.5deg, #044587 .09%,#134a86) 1;
}
......
......@@ -8,5 +8,6 @@
@import 'custom-variables';
@import '../node_modules/bootstrap/scss/bootstrap';
@import '../node_modules/bootstrap/scss/utilities/spacing';
@import 'custom-styles';
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