Page History

HTML

<style>

div#main {
   /*background-image: -webkit-linear-gradient(top, var(--primary-color), var(--primary-color) 500px, transparent 500px, transparent 100%) !important;*/
/*     padding-top: 50px; */
}

.back-btn-container {
    width: 90%;
    margin: auto;
}

.back-btn-container .back-btn {
    color: black;
    font-family: var(--main-font-family);
    font-size: 14px;
    font-weight: bold;
    line-height: 1.07;
}

.page-banner {
    width: 100%;
    margin: auto;
    background-image: url(https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/EIT/eit-banner.jpeg);
    display: flex;
    height: 450px;
    background-repeat: no-repeat;
    background-size: cover;
    /*margin-top: 20px;*/
}

.banner-content {
    display: flex;
    flex-direction: column;
    margin: auto auto auto 125px;
}

.tabs {
    display: flex;
}

.tabs p {
    margin: unset;
}

.banner-content .title p {
    font-size: 57px;
    font-weight: bold;
    font-stretch: normal;
    color: var(--secondary-font-color);
    font-style: normal;
    line-height: 0.7;
    letter-spacing: 0.32px;
    text-align: center;
}

div#maincontainer .page-banner .overlay {
    display: unset;
    width: 100%;
    display: flex;
    /*background: black;
    opacity: 0.8;*/
}

.banner-content {
    align-items: flex-start;
}

.banner-content .tabs .tab {
    font-family: Poppins;
    font-size: 14px;
    font-weight: bold;
    color: var(--secondary-font-color);
    border-bottom-width: 3px;
    border-radius: 5%; 
    cursor: pointer;
    line-height: 1.71;
    letter-spacing: 1.39px;
    text-align: center;
	text-transform: uppercase;
	margin-right: 40px;
}

#all-tab{
	border-bottom-style: solid;
}

.tabs {
    justify-content: space-between;
    width: 100%;
    margin-top: 50px;
}

div.filter-row {
    width: 90%;
    margin: 50px auto;
}

div.filter-row .left {
    opacity: 0.5;
  font-family: Arimo;
  font-size: 15.3px;
  line-height: 1.57;
  letter-spacing: 0.5px;
  color: #555555;
  width: 8%;
}

.filter-row .right input {
    display: none;
}

.filter-row .right label {
    /*background: rgba(251, 189, 40, 0.2);*/
	background: white;
    border-radius: 2px;
    border: solid 1px #fbbd28;
    margin-right: 10px;
    padding: 0 25px;
    font-family: Arimo;
    font-size: 15.3px;
    line-height: 1.57;
    letter-spacing: 0.5px;
	cursor: pointer;
}

.filter-row .right label:hover{
	background: rgba(251, 189, 40, 0.2);
}

.filter-row .right input[type="radio"]:checked+label{
    background: #fbbd28;
}

div.filter-row .right button:focus {
    outline: none;
}

div.cardSectionStyle {
    flex-direction: column;
}

div.cardSection1{
	display: none;
}


div.cardSection2{
	display: none;
}

div.cardSection3{
	display: none;
}


div.cardSection4{
	display: none;
}


.cardSectionStyle .largeimagewithtextbelow-listmempag img {
    width: 50%;
    height: auto !important;
}

.cardSectionStyle .largeimagewithtextbelow-listmempag {
    background: unset !important;
}


.cardSectionStyle .largeimagewithtextbelow-listmempag .image-container {
    border: solid 1px rgba(51, 51, 51, 0.5);
}

.cardSectionStyle .largeimagewithtextbelow-listmempag .card-text-container .card-title {
    padding: unset;
    
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;

}

.cardSectionStyle .largeimagewithtextbelow-listmempag .card-text-container .card-subtitle {
    padding: unset;
    
  font-size: 15.3px;
  line-height: 1.31;
  letter-spacing: 0.5px;
}

.cardSectionStyle .largeimagewithtextbelow-listmempag .card-text-container {
    margin-top: 25px;
}
</style>

<style>
.iconcard {
  margin: 20px 50px !important;
}
</style>
<!-- resource card styling -->
<style>
#myCards-eitallresourcecards {
  padding-top: 20px;
}

.cardstyle:hover {
  transform: none !important;
}

.largeimagewithtextbelow-autocards {
  background-color: var(--primary-color);
}

.largeimagewithtextbelow-autocards:hover {
  background-color: var(--primary-color);
  opacity: 0.9;
}

.custom-card-container.cardstyle.largeimagewithtextbelow-autocards {
  height: 300px !important;
}

.largeimagewithtextbelow-autocards .card-title {
  color: var(--secondary-font-color) !important;
  text-align: center;
}

.largeimagewithtextbelow-autocards .card-text-container,
.largeimagewithtextbelow-autocards .card-text-container:hover {
  position: absolute;
  z-index: 2;
  background: var(--primary-color);
  opacity: 0.8;
  width: 298px !important;
  height: 50px !important;
  top: 250px;
}

.largeimagewithtextbelow-autocards .card-subtitle {
  display: none;
}
</style>

Custom section

CustomCSS	flex-direction: column; width: 100%; margin: auto; margin-top: 20px;
ContainerID	maincontainer
DisableAutoHeight	true

HTML

<div class="page-banner">
<div class="overlay"> 
<div class="banner-content">
<div class="title">
<p>Germany Resources</p>
</div>
<div class="tabs">
<p class="tab" id="all-tab"> All Resources</p>
<!--<p class="tab" id="bootcamp-tab"> Bootcamp</p>
<p class="tab" id="business-tab"> Business Model Canvas</p>
<p class="tab" id="startup-manual-tab"> Startup Manual</p>

<p  class="tab" id="advisors-tab">STRATEGIC ADVISORS </p>
-->
</div>

</div>

</div>

</div>

Content Layout Macro

HTML

<!-- Scripts that run the custom selects -->
<script>
var x, i, j, l, ll, selElmnt, a, b, c;
/*look for any elements with the class "custom-select":*/
x = document.getElementsByClassName("custom-select");
l = x.length;
for (i = 0; i < l; i++) {
  selElmnt = x[i].getElementsByTagName("select")[0];
  ll = selElmnt.length;
  /*for each element, create a new DIV that will act as the selected item:*/
  a = document.createElement("DIV");
  a.setAttribute("class", "select-selected");
  a.innerHTML = selElmnt.options[selElmnt.selectedIndex].innerHTML;
  x[i].appendChild(a);
  /*for each element, create a new DIV that will contain the option list:*/
  b = document.createElement("DIV");
  b.setAttribute("class", "select-items select-hide");
  for (j = 1; j < ll; j++) {
    /*for each option in the original select element,
    create a new DIV that will act as an option item:*/
    c = document.createElement("DIV");
    c.innerHTML = selElmnt.options[j].innerHTML;
    c.addEventListener("click", function(e) {
        /*when an item is clicked, update the original select box,
        and the selected item:*/
        var y, i, k, s, h, sl, yl;
        s = this.parentNode.parentNode.getElementsByTagName("select")[0];
        sl = s.length;
        h = this.parentNode.previousSibling;
        for (i = 0; i < sl; i++) {
          if (s.options[i].innerHTML == this.innerHTML) {
            s.selectedIndex = i;
            h.innerHTML = this.innerHTML;
            y = this.parentNode.getElementsByClassName("same-as-selected");
            yl = y.length;
            for (k = 0; k < yl; k++) {
              y[k].removeAttribute("class");
            }
            this.setAttribute("class", "same-as-selected");
            break;
          }
        }
        h.click();
    });
    b.appendChild(c);
  }
  x[i].appendChild(b);
  a.addEventListener("click", function(e) {
      /*when the select box is clicked, close any other select boxes,
      and open/close the current select box:*/
      e.stopPropagation();
      closeAllSelect(this);
      this.nextSibling.classList.toggle("select-hide");
      this.classList.toggle("select-arrow-active");
    });
}
function closeAllSelect(elmnt) {
  /*a function that will close all select boxes in the document,
  except the current select box:*/
  var x, y, i, xl, yl, arrNo = [];
  x = document.getElementsByClassName("select-items");
  y = document.getElementsByClassName("select-selected");
  xl = x.length;
  yl = y.length;
  for (i = 0; i < yl; i++) {
    if (elmnt == y[i]) {
      arrNo.push(i)
    } else {
      y[i].classList.remove("select-arrow-active");
    }
  }
  for (i = 0; i < xl; i++) {
    if (arrNo.indexOf(i)) {
      x[i].classList.add("select-hide");
    }
  }
}
/*if the user clicks anywhere outside the select box,
then close all select boxes:*/
document.addEventListener("click", closeAllSelect);
</script>

HTML

<script>
  $('#all-tab').click(function() {
    $('#all-tab').css('border-bottom-style', 'solid');
    $('#bootcamp-tab').css('border-bottom-style', 'unset');
    $('#business-tab').css('border-bottom-style', 'unset');
    $('#startup-manual-tab').css('border-bottom-style', 'unset');
  });
  
  $('#bootcamp-tab').click(function() {
    $('#all-tab').css('border-bottom-style', 'unset');
    $('#bootcamp-tab').css('border-bottom-style', 'solid');
    $('#business-tab').css('border-bottom-style', 'unset');
    $('#startup-manual-tab').css('border-bottom-style', 'unset');
  });

  $('#business-tab').click(function() {
    $('#all-tab').css('border-bottom-style', 'unset');
    $('#bootcamp-tab').css('border-bottom-style', 'unset');
    $('#business-tab').css('border-bottom-style', 'solid');
    $('#startup-manual-tab').css('border-bottom-style', 'unset');
  });
  
  $('#startup-manual-tab').click(function() {
    $('#all-tab').css('border-bottom-style', 'unset');
    $('#bootcamp-tab').css('border-bottom-style', 'unset');
    $('#business-tab').css('border-bottom-style', 'unset');
    $('#startup-manual-tab').css('border-bottom-style', 'solid');
  });
</script>

Tip

title	Welcome to your new space!

Confluence spaces are great for sharing content and news with your team. This is your home page. Right now it shows recent space activity, but you can customize this page in any way you like.

Complete these tasks to get started

Edit this home page - Click Edit in the top right of this screen to customize your Space home page
Create your first page - Click the Create button in the header to get started
Brand your Space - Click Configure Sidebar in the left panel to update space details and logo
Set permissions - Click Space Tools in the left sidebar to update permissions and give others access

Recent space activity

Space contributors

Contributors

mode	list
scope	descendants
limit	5
showLastTime	true
order	update

...

Content

Space Tools

Versions Compared

Old Version 1

New Version Current

Key

Complete these tasks to get started

Recent space activity

Space contributors

Content

Space Tools

Breadcrumbs

Page History

Versions Compared

Old Version 1

New Version Current

Key

Complete these tasks to get started

Recent space activity

Space contributors