Converted div .section into main
This commit is contained in:
parent
e68d113642
commit
fb3b282f54
|
@ -37,7 +37,7 @@
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
<div class="content">
|
<main>
|
||||||
<div class="column">
|
<div class="column">
|
||||||
<section>
|
<section>
|
||||||
<h2 id=history>
|
<h2 id=history>
|
||||||
|
@ -225,7 +225,7 @@
|
||||||
create the Network!
|
create the Network!
|
||||||
</p>
|
</p>
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</main>
|
||||||
<section>
|
<section>
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
|
|
|
@ -29,7 +29,7 @@
|
||||||
a {
|
a {
|
||||||
color: #df1b1b;
|
color: #df1b1b;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -115,7 +115,7 @@ ul {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content, footer, header, nav {
|
footer, header, nav {
|
||||||
max-width: 80em;
|
max-width: 80em;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
@ -126,7 +126,7 @@ ul {
|
||||||
margin: 0.5em;
|
margin: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content {
|
main {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
|
16
index.html
16
index.html
|
@ -37,8 +37,8 @@
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
<div class="content">
|
<main>
|
||||||
<div class="section">
|
<section>
|
||||||
<p id="slogan">For the dreamers, from the doers.</p>
|
<p id="slogan">For the dreamers, from the doers.</p>
|
||||||
<!-- <p>
|
<!-- <p>
|
||||||
Tebibyte Media works to promote free software and open-access
|
Tebibyte Media works to promote free software and open-access
|
||||||
|
@ -84,9 +84,9 @@
|
||||||
members who share our values, and experienced Network members
|
members who share our values, and experienced Network members
|
||||||
are also extremely important to us.
|
are also extremely important to us.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</section>
|
||||||
<div class="column">
|
<div class="column">
|
||||||
<div class="section" id="donate">
|
<section id="donate">
|
||||||
<h2 id="donate">
|
<h2 id="donate">
|
||||||
<a href="#donate">Donate</a>
|
<a href="#donate">Donate</a>
|
||||||
</h2>
|
</h2>
|
||||||
|
@ -103,10 +103,10 @@
|
||||||
<img class="icon" src="https://opencollective.com/static/images/opencollective-icon.svg" />
|
<img class="icon" src="https://opencollective.com/static/images/opencollective-icon.svg" />
|
||||||
Open Collective</a>.
|
Open Collective</a>.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
<div class="column">
|
<div class="column">
|
||||||
<div class="section" id="donate">
|
<section id="donate">
|
||||||
<h2 class="h-right" id="reading">
|
<h2 class="h-right" id="reading">
|
||||||
<a href="#reading">Tebibyte Media Reading List</a>
|
<a href="#reading">Tebibyte Media Reading List</a>
|
||||||
</h2>
|
</h2>
|
||||||
|
@ -137,9 +137,9 @@
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
</div> <!-- content -->
|
</main>
|
||||||
<footer>
|
<footer>
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
<p>
|
<p>
|
||||||
|
|
|
@ -37,7 +37,7 @@
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
<div class="content">
|
<main>
|
||||||
<section>
|
<section>
|
||||||
<h2 id="members">
|
<h2 id="members">
|
||||||
<a href="#members">Members</a>
|
<a href="#members">Members</a>
|
||||||
|
@ -374,7 +374,7 @@
|
||||||
</li>
|
</li>
|
||||||
</ol>
|
</ol>
|
||||||
</section>
|
</section>
|
||||||
</div> <!-- content -->
|
</main> <!-- content -->
|
||||||
<footer>
|
<footer>
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
<p>
|
<p>
|
||||||
|
|
Loading…
Reference in New Issue