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

Versions Compared

Old Version 9

changes.mady.by.user Ibraheem Chaudry

Saved on

compared with

New Version 10

changes.mady.by.user Ibraheem Chaudry

Saved on

Key

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

...

Custom section
CustomCSSflex-direction: column; width: 100%; margin: auto; margin-top: 20px;
ContainerIDmaincontainer
DisableAutoHeighttrue


HTML
<div style="width: 90%; margin: auto;">
<img src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/All+Stars/horizontal-white-blue-1-x%403x.png" style="width: 140px;"/>
</div>

<div class="back-btn-container">
<a class="back-btn"> < Back</a>
</div>

<div class="page-banner">
<div class="overlay"> 
<div class="banner-content">
<div class="title">
<p> Partners</p>
</div>
</div>

</div>

</div>


Custom section
Classfilter-row


Custom section
Classleft

Filter By


Custom section
Classright


HTML
<input type="radio" id="all-tab" name="tabs" value="all"checked>
  <label for="all-tab">All</label>
<input type="radio" id="pd-tab" name="tabs" value="product-dev">
  <label for="pd-tab">Product Development</label>
<input type="radio" id="fundraising-tab" name="tabs" value="fundraising"
  <label for="fundraising-tab">Fundraising</label>
<input type="radio" id="tlh-tab" name="tabs" value="tlh">
  <label for="tlh-tab">Talent, Legal & HR</label>
<input type="radio" id="cam-tab" name="tabs" value="cam" >
  <label for="cam-tab">Customer Acquisition & Marketing</label>
<input type="radio" id="sales-tab" name="tabs" value="sales" >
  <label for="sales-tab">Sales</label>
<input type="radio" id="other-tab" name="tabs" value="other" >
  <label for="other-tab">Other</label>




Custom section
CustomCSSheight: auto;
ContainerIDpartners-wrapper
ClasscardSection cardSectionStyle


HTML
<div class="card ">
<div class="img ">
<img src="https://passport.theonevalley.com/download/attachments/50559774/aws.jpg" class="">
</div>
<div class="body ">
<p class="title "> Amazon Web Service</p>
<p class="sub-title">Cloud Services
$100,000 in credits for 1 year</p>
</div>
<a class="details-btn" href="/display/AN/Partner+Page"> View Details </a>
</div>

<div class="card ">
<div class="img ">
<img src="https://passport.theonevalley.com/download/attachments/50559774/googleCloud.jpg" class="">
</div>
<div class="body ">
<p class="title "> Google Cloud Platform</p>
<p class="sub-title">Cloud Services
$100,000 in cloud & infrastracture</p>
</div>
<a class="details-btn" href="/display/AN/Partner+Page"> View Details </a>
</div>


<div class="card ">
<div class="img ">
<img src="https://passport.theonevalley.com/download/attachments/50559774/ibm.jpg" class="">
</div>
<div class="body ">
<p class="title ">IBM Cloud</p>
<p class="sub-title"> Cloud Services
$50,000 in cloud credits for 1 year </p>
</div>
<a class="details-btn" href="/display/AN/Partner+Page"> View Details </a>
</div>


<div class="card ">
<div class="img ">
<img src="https://passport.theonevalley.com/download/attachments/50559774/digitalOcean.jpg" class="">
</div>
<div class="body ">
<p class="title "> Digital Ocean</p>
<p class="sub-title"> Cloud Services
$50,000 in infrastructure </p>
</div>
<a class="details-btn" href="/display/AN/Partner+Page"> View Details </a>
</div>



...