Page History

Section

Info

title	About us

GÉANT provides a wide range

...

of supporting services and activities

...

for software development teams.

...

If you are looking for the GN4-3 project specific pages for software governance and support you should look here.

You might want to know more about:

K NOWLEDGE BASE FOR SUPPORTING TOOLS

GÉANT provides a full suite of software development support tools and virtual machines (VMs) for test purposes by developers. The tools and test VMs support issue (bug) tracking, continuous integration, and software repositories for source code and binaries.

Look at S oftware tools gateway for a complete list of tools.

SECURE CODE TRAINING

Secure Code Training focuses on secure programming
with the aim of minimizing the number of security bugs in the source code. software developers and security specialists learn how to implement the self-defending applications, that are protected against cyberthreats to the maximum possible extent.

SCHOOL OF SOFTWARE ENGINEERING

These activities are coordinated and promoted by GN5-2 Work Package 9 Task 2 (Software Governance and Support group).

Section

Column

width	30%

HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cards Section</title>

<style>
  body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    background-color: #f5f5f5;
  }

  .cards-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px; 
    padding: 5px 8px; 
    max-width: 1300px;
    margin: 0 auto;
  }

  .card {
    position: relative;
    flex: 0 0 calc(25% - 10px);
    max-width: 300px; 
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 6px 14px rgba(0,0,0,0.12);
    background-color: #ccc;
  }

  .card .image {
    width: 100%;
    height: 270px; 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .card .text {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    width: 90%;
  }

  .card .text h1 {
    color: white;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 1.2rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 2.8em;
    line-height: 1.4em;
  }

  .card .text a {
    background-color: white;
    display: inline-block;
    border: none;
    color: black;
    font-weight: bold;
    padding: 12px 28px;
    text-decoration: none;
    font-size: 14px;
    cursor: pointer;
    border-radius: 5px;
    margin-top: 5px;
  }

  /* Responsivnost */
  @media (max-width: 1200px) {
    .card {
      flex: 0 0 calc(33.333% - 14px); /* 3 po redu */
    }
  }

  @media (max-width: 900px) {
    .card {
      flex: 0 0 calc(50% - 12px); /* 2 po redu */
    }
  }

  @media (max-width: 600px) {
    .card {
      flex: 0 0 100%; /* 1 po redu */
      max-width: 100%;
    }

    .card .image {
      height: 220px;
    }

    .card .text h1 {
      font-size: 1.1rem;
    }

    .card .text a {
      font-size: 13px;
      padding: 8px 18px;
    }
  }

  /* Centriranje poslednjeg reda sa 2 kartice */
  .cards-container .card:nth-last-child(-n+2) {
    flex: 0 0 calc(45% - 10px);
  }

</style>
</head>
<body>

<div class="cards-container">

  <div class="card">
    <div class="image" style="background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.1)), url('https://wiki.geant.org/download/attachments/121353819/1sct.jpg');">
      <div class="text">
        <h1>SOFTWARE LICENCES</h1>
        <a href="https://wiki.geant.org/display/GSD/Software+Licence+Management">Learn more</a>
      </div>
    </div>
  </div>

  <div class="card">
    <div class="image" style="background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.1)), url('https://wiki.geant.org/download/attachments/121353819/2sse.jpg');">
      <div class="text">
        <h1>SOFTWARE TRAININGS</h1>
        <a href="https://wiki.geant.org/display/GSD/Software+trainings">Learn more</a>
      </div>
    </div>
  </div>

  <div class="card">
    <div class="image" style="background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.1)), url('https://wiki.geant.org/download/attachments/121353819/3kbst.jpg');">
      <div class="text">
        <h1>KNOWLEDGE BASE for SOFTWARE TOOLS</h1>
        <a href="https://wiki.geant.org/display/GSD/Knowledge+Base">Learn more</a>
      </div>
    </div>
  </div>

  <div class="card">
    <div class="image" style="background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.1)), url('https://wiki.geant.org/download/attachments/121353819/4sbp.jpg');">
      <div class="text">
        <h1>SOFTWARE BEST PRACTICES</h1>
        <a href="https://wiki.geant.org/display/GSD/Catalogue+of+best+practices">Learn more</a>
      </div>
    </div>
  </div>

  <div class="card">
    <div class="image" style="background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.1)), url('https://wiki.geant.org/download/attachments/121353819/5sc.jpg');">
      <div class="text">
        <h1>SOFTWARE CATALOGUE</h1>
        <a href="https://wiki.geant.org/display/GSD/Software+Catalogue">Learn more</a>
      </div>
    </div>
  </div>

  <div class="card">
    <div class="image" style="background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.1)), url('https://wiki.geant.org/download/attachments/121353819/6cr.jpg');">
      <div class="text">
        <h1>SOFTWARE REVIEWS</h1>
        <a href="https://wiki.geant.org/display/GSD/Software+Reviews">Learn more</a>
      </div>
    </div>
  </div>

  <div class="card">
    <div class="image" style="background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.1)), url('https://wiki.geant.org/download/attachments/121353819/2c.jpg');">
      <div class="text">
        <h1>eACADEMY</h1>
        <a href="https://wiki.geant.org/spaces/GSD/pages/1190199459/Software+Governance+eAcademy">Learn more</a>
      </div>
    </div>
  </div>

  <div class="card">
    <div class="image" style="background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.1)), url('https://wiki.geant.org/download/attachments/121353819/cert2.png');">
      <div class="text">
        <h1>SOFTWARE CERTIFICATES</h1>
        <a href="https://wiki.geant.org/display/GSD/Software+Licensing+Certificates">Learn more</a>
      </div>
    </div>
  </div>

</div>

</body>
</html>

...

Space shortcuts

Page tree

Versions Compared

Old Version 10

New Version Current

Key