index.html 3.72 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121
<!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 - Bootstrap Theme Kit</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="./css/landingpage.css" rel="stylesheet">

</head>

<body>


  <!-- Header -->
  <header class="bg-primary mb-5">
    <div class="container h-100">
      <div class="row h-100 align-items-center">
        <div class="col-lg-8">
          <div class="logo_govgr"></div>
          <h1 class="display-4 text-white mt-5 mb-2">Bootstrap Theme Kit</h1>
          <p class="lead mb-5 text-white-50">
            A project to help you get started quickly when developing a GOV.GR-like website using Bootstrap.
            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" />
        </div>
      </div>
    </div>
  </header>

  <!-- Page Content -->
  <div class="container">

    <div class="row">
      <div class="col-md-8 mb-5">
        <h2>Page Examples</h2>
        <hr>
        <p>See reference implementations of pages build using the theme. </p>
                
      </div>
      <div class="col-md-4 mb-5">
        <h2>Get The Code</h2>
        <hr/>
        <p> You can grab the code and start developing from the 
          <a href="https://gitlab.grnet.gr/govgr-unit/govgr-bootstrap-theme-kit">gitlab repository</a>
        </p>
      </div>
    </div>
    <!-- /.row -->

    <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">
          <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>
          </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">
          <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>
          </div>
        </div>
      </div>
      <div class="col-md-4 mb-5">
        <div class="card h-100">
          <img class="card-img-top" src="images/screencapture-login.png" alt="Login Page">
          <div class="card-body">
            <h4 class="card-title">Login Page</h4>
            <p class="card-text">A sample login page.</p>
          </div>
          <div class="card-footer">
            <a href="login.html" class="btn btn-primary">Browse Page</a>
          </div>
        </div>
      </div>
    </div>
    <!-- /.row -->

  </div>
  <!-- /.container -->

  <!-- Footer -->
  <footer class="py-5 bg-dark">
    <div class="container">
      <p class="m-0 text-center text-white">Copyright &copy; 2020 GOV.GR</p>
      
    </div>
  </footer>

  <!-- Put necessary JavaScript scripts here-->
 
 

</body>

</html>