# CentOS.org index layout

HAVE PAGES:

* [about](https://centos.org/about/)
* [about/governance](https://centos.org/about/governance/)
* [about/governance/appendix-glossary](https://centos.org/about/governance/appendix-glossary/)
* [about/governance/board-responsibilities](https://centos.org/about/governance/board-responsibilities/)
* [about/governance/board](https://centos.org/about/governance/board/)
* [about/governance/director-requirements](https://centos.org/about/governance/director-requirements/)
* [about/governance/joining-the-project](https://centos.org/about/governance/joining-the-project/)
* [about/governance/sigs](https://centos.org/about/governance/sigs/)
* [about/governance/voting](https://centos.org/about/governance/voting/)
* [centos-linux-eol](https://centos.org/centos-linux-eol/) (delete?)
* [centos-linux](https://centos.org/centos-linux/) (delete?)
* [centos-stream](https://centos.org/centos-stream/)
* [cl-vs-cs](https://centos.org/cl-vs-cs/)
* [code-of-conduct](https://centos.org/code-of-conduct/)
* [community/calendar](https://centos.org/community/calendar/)
* [community/stories](https://centos.org/community/stories/)
* [distro-faq](https://centos.org/distro-faq/)
* [download](https://centos.org/download/)
* [download/aws-images](https://centos.org/download/aws-images/)
* [download/mirrors-altarch]()
* [download/mirrors]()
* [keys](https://centos.org/keys/)
* [legal](https://centos.org/legal/)
* [legal/licensing-policy]()
* [legal/privacy]()
* [legal/trademarks]()
* [news-and-events]()
* [sponsors](https://centos.org/sponsors/)
* [stream9](https://centos.org/stream9/) (delete?)
* [variants](https://centos.org/variants/)

NEED PAGES:
* Contribute (about/governance/joining-the-project?)
* Hyperscale, other pages about individual "spins"

HEADER:
* [Download](https://centos.org/download)
* About
* [About CentOS](https://centos.org/about)
* [Frequently Asked Questions](https://wiki.centos.org/FAQ.html)
* [Special Interest Groups](https://wiki.centos.org/SpecialInterestGroup.html)
* [CentOS Variants](https://centos.org/variants)
* [Governance](https://centos.org/about/governance)
* [Code of Conduct](https://centos.org/code-of-conduct)
* Community
* [Contribute](https://wiki.centos.org/Contribute.html)
* [Forums](https://www.centos.org/forums/)
* [Mailing Lists](https://lists.centos.org/hyperkitty/)
* [IRC](https://wiki.centos.org/irc)
* [Calendar & IRC Meeting List](https://centos.org/community/calendar/)
* [Blog](https://blog.centos.org/)
* [Submit Bug](https://wiki.centos.org/ReportBugs)
* Documentation
* [Wiki](https://wiki.centos.org/)
* [Manuals](https://docs.centos.org/)
* [GPG Key Info](https://centos.org/keys)
* [Help](https://wiki.centos.org/GettingHelp.html)

---

<style>
* {
box-sizing: border-box;
}
nav {
font-family: Montserrat;
background: black;
color: white;
padding: 4px 8px;
}
nav a {
color: white;
}
.tiles {
font-family: Montserrat;
margin: 16px 0;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
row-gap: 8px;
column-gap: 8px;
}
.tile {
font-family: Montserrat;
background: #f6f6f6;
padding: 8px;
}
.tile a {
border-radius: 2px;
padding: 4px 8px;
background: #0dcaf0;
color: white;
}
div.h2 {
text-align: center;
font-family: Montserrat;
margin-top: 40px;
}
div.footer {
font-family: Montserrat;
background: black;
color: white;
padding: 4px 8px;
}
</style>

<nav>
<a href="#"><img src="https://gitlab.com/CentOS/artwork/centos-brand/-/raw/main/HowTos/centos-symbol.svg?ref_type=heads" height="40"> CentOS</a>
<a href="#">Download</a>
<a href="#">About</a>
<a href="#">Community</a>
<a href="#">About</a>
</nav>

<div><img src="https://centos.gitlab.io/artwork/centos-web/jekyll-theme-centos-base/assets/img/centos-motif.png"></div>

<div class="tile" style="background:black;color:white;">
currently: contribute forums mailinglists irc calendar blog submitbug
</div>

<div class="tile" style="background:rgb(161, 79, 140);color:white;">
OPTIONAL BANNER for Connect, releases, EOLs, announcements
</div>

<div class="tiles">
<div class="tile">
<p><img src="https://gitlab.com/CentOS/artwork/centos-brand/-/raw/main/HowTos/centos-symbol.svg?ref_type=heads" height="40"> <big>CentOS Stream</big></p>
<p>The core CentOS distribution and the source for Enterprise Linux.</p>
<p><a href="#">Download</a> <a href="#">Learn More</a></p>
<p>Last compose: 2024-06-06</p>
</div>
<div class="tile">
<p><img src="https://gitlab.com/CentOS/artwork/centos-brand/-/raw/main/HowTos/centos-symbol.svg?ref_type=heads" height="40"> <big>CentOS Hyperscale</big></p>
<p>Built by our community of hyperscalers with a newer kernel and btrfs.</p>
<p><a href="#">Download</a> <a href="#">Learn More</a></p>
<p>Last compose: 2024-06-06</p>
</div>
<div class="tile">
<p><img src="https://gitlab.com/CentOS/artwork/centos-brand/-/raw/main/HowTos/centos-symbol.svg?ref_type=heads" height="40"> <big>CentOS Desktop</big></p>
<p>CentOS stability underneath with a newer desktop experience on top.</p>
<p><a href="#">GNOME</a> <a href="#">KDE</a> <a href="#">More</a></p>
<p>Last compose: 2024-06-06</p>
</div>
</div>
<div class="tile">
<p><big>More CentOS versions?</big></p>
<p>
<a href="#">clicky clicky</a>
</p>
</div>

<div class="h2">SIGs</div>
<div class="h2">NEWS</div>

<div class="h3"><a href="#">Blog entry</a></div>
<div>The last 3-5 blog entries are automatically here</div>
<div class="h3"><a href="#">Blog entry</a></div>
<div>The last 3-5 blog entries are automatically here</div>
<div class="h3"><a href="#">Blog entry</a></div>
<div>The last 3-5 blog entries are automatically here</div>

<div class="h2">VIDEOS</div>

<div class="tiles">
<div class="tile">
<p><img src="https://i9.ytimg.com/vi_webp/Ry54_HYwdeQ/mqdefault.webp?v=65d509c5&sqp=CPjO17MG&rs=AOn4CLCc7urPdTyWYw3MYYnjC0hLHlS50w"></p>
<p>Three hand-picked recent videos</p>
</div>
<div class="tile">
<p><img src="https://i9.ytimg.com/vi/LocoEPmbL4U/mqdefault.jpg?v=65d38d1d&sqp=CPjO17MG&rs=AOn4CLDxjWx92YX46I0IZfTWXC62oM4_uw"></p>
<p>Three hand-picked recent videos</p>
</div>
<div class="tile">
<p><img src="https://i9.ytimg.com/vi_webp/p7xiF0psQTA/mqdefault.webp?v=65ce717e&sqp=CPjO17MG&rs=AOn4CLBceLAn8pnNafEDbRczDuKARD7sAQ"></p>
<p>Three hand-picked recent videos</p>
</div>
</div>

<div class="footer">
FOOTER LINKS
</div>