x x x
Only portrait mode is currently supported - please rotate your device.

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

HTML
<!-- MEET THE STARTUPS TOP BANNER -->
<div class="startups-main-banner">
	<h1 id="startups-main-banner-title">Meet the Startups</h1>
<div class="links">
	<h2 id="startups-main-banner-subtitle" class="bold" >EWC 2020</h2><span>|</span><h2 id="startups-main-banner-subtitle" onclick="window.location.replace('/display/IN/Meet+the+Startups+2021')">EWC 2021</h2>

</div>
</div>
<style>

.links {
    display: flex;
    align-items: center;
    justify-content: center;
}
.startups-main-banner {
  height: 240px;
  width: 100%;
  /*background-size: cover;*/
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0px auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  background-image: url("https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/EWC+2020/ewccircletransparent.png");
}
.startups-main-banner #startups-main-banner-title {
  background-image: linear-gradient(101deg, #ddce7b -4%, #65c484 32%, #1aa0aa 74%);
  font-family: var(--main-font-family);
  font-size: 40px;
  font-weight: bold;
  line-height: 1.6;
  letter-spacing: normal;
  text-align: right;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
h2#startups-main-banner-subtitle {
    cursor: pointer;
    font-weight: normal;
}

h2#startups-main-banner-subtitle.bold{
	font-weight: bold;
}

.links span h2{
	cursor: pointer{
font-size: 22px;
    margin: 0px 15px;
    color: var(--primary-color);
}
@media screen and (max-width: 580px) {
	.startups-main-banner #startups-main-banner-title {
		font-size: 30px;
	}
}
@media screen and (max-width: 450px) {
	.startups-main-banner #startups-main-banner-title {
		font-size: 27px;
	}
	.startups-main-banner {
	    height: 160px;
	}
}
</style>

...