- Thank you so much for your support
- This website is inspired by Dota 2 DPC Lima
- It is responsive, they can code so they can learn
<nav class="nav-hero">
<div class="container nav-container">
<div class="logo">
<h2 class="logo-name">DPC <span class="point">Lima </span></h2>
</div>
<div class="links">
<a href="#" class="links">Inicio</a>
<a href="#" class="links">Servicios</a>
<a href="#" class="links">Proyectos</a>
<a href="#" class="links">Clientes</a>
<a href="#" class="links link--active">Contacto</a>
</div>
</div>
</nav>
![App Screenshot](https://github.com/bastndev/DPC-Website-Modern-2023/raw/main/src/md/md1.png?raw=true)
:root{
--gold3:#d60824;
--gold1:#00c2f7;
--gold4:#f6cd8f;
--gold2:#00c2f7;
--gray:#ffffff80;
--gray2:#f7d9d990;
--black1:#1a1b1f;
--black2:#30353b;
--shadow:#0 8px 8px;
--color_shadow:#00000033;
}
![App Screenshot](https://github.com/bastndev/DPC-Website-Modern-2023/raw/main/src/md/md6.png?raw=true)
@media screen and (max-width:900px){
.mockup{
width: 600px;
height: auto;
}
.title{
font-size: 50px;
}
.copy{
font-size: 22px;
}
.cta{
padding: 15px 22px;
}
.container-cards{
justify-content: space-evenly;
}
.services .card{
width: 45%;
}
.background{
width: 52%;
}
.card{
width: 42%;
}
.testimony-container{
justify-content: space-evenly;
}
.testimony-card{
width: 45%;
}
.check-item{
width: 45%;
margin-bottom: 35px;
}
.newsletter{
width: 80%;
}
.downloand {
width: 100%;
}
.download-app{
justify-content: space-between;
}
.title-footer.letra{
display: flex;
justify-content: center;
}
.download-item{
width: 45%;
}
.get-email{
width: 100%;
margin-bottom: 40px;
}
.socialmedia-icon{
font-size: 18px;
}
.socialmedia-legend{
font-size: 18px;
}
}
![App Screenshot](https://github.com/bastndev/DPC-Website-Modern-2023/raw/main/src/md/md7.png?raw=true)
Visitors Count ๐ฝ
![](https://camo.githubusercontent.com/a6e6e0b33c68f4c6e4cf6ab4750dc05121a05f8806de3d6499756d1c03457ef5/68747470733a2f2f70726f66696c652d636f756e7465722e676c697463682e6d652f7b626173746e6465767d2f636f756e742e737667)