User:C/Sandbox Main page 2: Difference between revisions

No edit summary
No edit summary
 
(5 intermediate revisions by the same user not shown)
Line 1: Line 1:
<!-- TOP SECTION -->
<!-- TOP SECTION -->
<div style="display:flex; flex-wrap:wrap; gap:10px; margin-bottom:20px;">
<div style="display:flex; flex-wrap:wrap; gap:20px; margin-bottom:20px;">
   <!-- Left column (1/3 on desktop, full width on mobile) -->
   <!-- Left column (1/3 on desktop, full width on mobile) -->
   <div style="flex:1 1 300px; max-width:450px;">
   <div style="flex:1 1 300px; max-width:450px;">
Line 34: Line 34:
   Featured ecosystem players
   Featured ecosystem players
</h2>
</h2>
<div style="display:flex; flex-wrap:wrap; gap:24px; margin-top:20px;margin-bottom:20px;">
<div style="display:flex; flex-wrap:wrap; gap:5px; margin-top:20px;margin-bottom:20px;">
   <div style="flex:1 1 250px; border:1px solid #ddd; padding:20px; border-radius:6px; min-height:120px;">
   <div style="flex:1 1 250px; padding:10px; min-height:120px;">
     <em>
     <em>
      Featured startup
Featured startup
     </em>
     </em>
    <br>
    (Future featured-page template goes here)
   </div>
   </div>
   <div style="flex:1 1 250px; border:1px solid #ddd; padding:20px; border-radius:6px; min-height:120px;">
   <div style="flex:1 1 250px; padding:10px; min-height:120px;">
     <em>
     <em>
      Featured investor
Featured investor
     </em>
     </em>
    <br>
    (Future featured-page template goes here)
   </div>
   </div>
   <div style="flex:1 1 250px; border:1px solid #ddd; padding:20px; border-radius:6px; min-height:120px;">
   <div style="flex:1 1 250px; padding:10px; min-height:120px;">
     <em>
     <em>
      Featured other stakeholder
Featured other stakeholder
     </em>
     </em>
    <br>
    (Future featured-page template goes here)
   </div>
   </div>
</div>
</div>


<!--- Informative section --->
<!--- Informative section --->
<div style="display:flex; flex-wrap:wrap; gap:10px; margin-bottom:20px;">
  <!-- Left column (1/3 on desktop, full width on mobile) -->
  <div style="flex:1 1 300px; max-width:450px;">
     <h2>
     <h2>
       Knowledge repository
       Knowledge repository
     </h2>
     </h2>
<div style="display:flex; flex-wrap:wrap; gap:20px; margin-top:10px;">
  <!-- Left column (1/3 on desktop, full width on mobile) -->
  <div style="flex:1 1 300px; max-width:450px;">
     <p>
     <p>
The wiki also maintains informative pages, aiming to:
The wiki also maintains informative pages, aiming to:
#Host a shared resource for readers to get up to speed on diverse range of topics within Deep Tech
#Provide a shared resource for readers to get up to speed on diverse range of topics within Deep Tech
#Offer a shared terminology and reference space to improve communication across stakeholders from different backgrounds
#Offer common terminology and a reference space to improve communication across stakeholders from different backgrounds
#Capture learning and insights from across the globe to improve how Deep Tech is understood, developed, and practiced
#Capture learning and insights from across the globe to improve how Deep Tech is understood, developed, and practiced
       <br>
       <br>
Line 76: Line 71:
   <!-- Right column (2/3 on desktop, full width on mobile) -->
   <!-- Right column (2/3 on desktop, full width on mobile) -->
   <div style="flex:2 1 500px; min-width:300px;">
   <div style="flex:2 1 500px; min-width:300px;">
    <h2>
<em>
      Featured page
    </h2>
  Featured page here
  Featured page here
</em>
   </div>
   </div>
</div>
</div>