Skip to content

Commit

Permalink
Fixing heding
Browse files Browse the repository at this point in the history
  • Loading branch information
@arnaucasau
arnaucasau committed Oct 19, 2023
1 parent ab56070 commit 0cf95c3
Show file tree
Hide file tree
Showing 2 changed files with 21 additions and 13 deletions.
24 changes: 12 additions & 12 deletions docs/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@

<header>
<div class="inside-header cds--grid layout-lead-space-fixed__container">
<img src = "ecosystem-logo.svg" width="350px" alt="Qiskit Ecosystem"/>
<img class="ecosystem-logo" src = "ecosystem-logo.svg" width="350px" alt="Qiskit Ecosystem"/>
<p class="title">Explore projects that use or extend Qiskit</p>

<cds-button href="https://github.com/qiskit-community/ecosystem">
Expand All @@ -37,13 +37,13 @@
</header>

<div class="content cds--grid layout-lead-space-fixed__container">
<h5 class="section">Providers</h5>
<h2 class="section">Providers</h2>
<p>Run your quantum programs using the following projects</p>
<div class="cards cds--row">

<div class="card cds--col">
<cds-tile color-scheme="white">
<h2 class="project-title">Project title</h2>
<h3 class="project-title">Project title</h3>
<div class="tags">
<cds-tag type="purple" title="ibm-quantum" size="md">Algorithms</cds-tag>
<cds-tag type="purple" title="ibm-quantum" size="md">Physics</cds-tag>
Expand All @@ -66,13 +66,13 @@ <h2 class="project-title">Project title</h2>

</div>

<h5 class="section">Libraries</h5>
<h2 class="section">Libraries</h2>
<p>Use the following projects in your code</p>
<div class="cards cds--row">

<div class="card cds--col">
<cds-tile color-scheme="white">
<h2 class="project-title">Example 1</h2>
<h3 class="project-title">Example 1</h3>
<div class="tags">
<cds-tag type="cyan" title="ibm-quantum" size="md">IBM Quantum</cds-tag>
<cds-tag type="purple" title="ibm-quantum" size="md">Algorithms</cds-tag>
Expand All @@ -95,7 +95,7 @@ <h2 class="project-title">Example 1</h2>

<div class="card cds--col">
<cds-tile color-scheme="white">
<h2 class="project-title">Example 2</h2>
<h3 class="project-title">Example 2</h3>
<div class="tags">
<cds-tag type="purple" title="ibm-quantum" size="md">Algorithms</cds-tag>
<cds-tag type="purple" title="ibm-quantum" size="md">Julia</cds-tag>
Expand All @@ -118,7 +118,7 @@ <h2 class="project-title">Example 2</h2>

<div class="card cds--col">
<cds-tile color-scheme="white">
<h2 class="project-title">Example 3</h2>
<h3 class="project-title">Example 3</h3>
<div class="tags">
<cds-tag type="cyan" title="ibm-quantum" size="md">IBM Quantum</cds-tag>
</div>
Expand All @@ -144,7 +144,7 @@ <h2 class="project-title">Example 3</h2>

<div class="card cds--col">
<cds-tile color-scheme="white">
<h2 class="project-title">Example 4</h2>
<h3 class="project-title">Example 4</h3>
<div class="tags">
<cds-tag type="purple" title="ibm-quantum" size="md">Visualization</cds-tag>
</div>
Expand All @@ -166,7 +166,7 @@ <h2 class="project-title">Example 4</h2>

<div class="card cds--col">
<cds-tile color-scheme="white">
<h2 class="project-title">Example 5</h2>
<h3 class="project-title">Example 5</h3>
<div class="tags">
<cds-tag type="purple" title="ibm-quantum" size="md">Algorithms</cds-tag>
<cds-tag type="purple" title="ibm-quantum" size="md">Chemistry</cds-tag>
Expand Down Expand Up @@ -205,7 +205,7 @@ <h2 class="project-title">Example 5</h2>

<div class="card cds--col">
<cds-tile color-scheme="white">
<h2 class="project-title">Example 6</h2>
<h3 class="project-title">Example 6</h3>
<div class="tags">
<cds-tag type="purple" title="ibm-quantum" size="md">Finance</cds-tag>
</div>
Expand All @@ -227,7 +227,7 @@ <h2 class="project-title">Example 6</h2>

<div class="card cds--col">
<cds-tile color-scheme="white">
<h2 class="project-title">Example 7</h2>
<h3 class="project-title">Example 7</h3>
<div class="tags">
<cds-tag type="cyan" title="ibm-quantum" size="md">IBM Quantum</cds-tag>
</div>
Expand All @@ -249,7 +249,7 @@ <h2 class="project-title">Example 7</h2>

<div class="card cds--col">
<cds-tile color-scheme="white">
<h2 class="project-title">Example 8</h2>
<h3 class="project-title">Example 8</h3>
<div class="tags">
<cds-tag type="cyan" title="ibm-quantum" size="md">IBM Quantum</cds-tag>
<cds-tag type="purple" title="ibm-quantum" size="md">Algorithms</cds-tag>
Expand Down
10 changes: 9 additions & 1 deletion docs/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -89,7 +89,7 @@ header{

.card{
flex: 0 1 20%;
min-width: 300px;
/*min-width: 300px;*/
background-color: white;
/*height: 100%; /*Cards have the necessary height*/
}
Expand Down Expand Up @@ -120,6 +120,7 @@ cds-tag{

.section{
font-weight: normal;
font-size: 16px;
}

p {
Expand Down Expand Up @@ -200,3 +201,10 @@ p {
flex: 0 1 95%;
}
}

@media only screen and (max-width: 400px) {
.ecosystem-logo{
width: 100%;
min-width: 200px;
}
}

0 comments on commit 0cf95c3

Please sign in to comment.