项目作者: Francisco48521

项目描述 :
:bulb: SERVIDOR
高级语言: HTML
项目地址: git://github.com/Francisco48521/SERVIDOR.git
创建时间: 2020-09-22T01:48:41Z
项目社区:https://github.com/Francisco48521/SERVIDOR

开源协议:MIT License

下载


SERVIDOR<!DOCTYPE html>









Minecraft pe


$0/USD


  • _

  • >Minecraft pe<

  • Pirata 1.16.40.02

  • $USD 0.00

  • _


Order Now

  1. <div class="pricing-card">
  2. <h3 class="pricing-card-header">Minecraft pe</h3>
  3. <div class="price"><sup>$</sup>0<span>/USD</span></div>
  4. <ul>
  5. <li><strong>_________________</strong></li>
  6. <li><strong></strong>minecraft pe</li>
  7. <li><strong></strong>pirata 1.16.100.53</li>
  8. <li><strong></strong>$USD 0.00</li>
  9. <li><strong>_________________</strong></li>
  10. </ul>
  11. <a href="http://www.mediafire.com/file/m4z2j9gyk36j824/minecraft-pe-1-16-100-53.rar/file" class="order-btn">Order Now</a>
  12. </div>
  13. <div class="pricing-card">
  14. <h3 class="pricing-card-header">Minecraft pe</h3>
  15. <div class="price"><sup>$</sup>0<span>/USD</span></div>
  16. <ul>
  17. <li><strong>_________________</strong></li>
  18. <li><strong></strong>minecraft pe</li>
  19. <li><strong>pirata ???</strong></li>
  20. <li><strong></strong>$USD 0.00</li>
  21. <li><strong>_________________</strong></li>
  22. </ul>
  23. <a href="#" class="order-btn">Order Now</a>
  24. </div>
  25. <div class="pricing-card">
  26. <h3 class="pricing-card-header">Minecraft pe</h3>
  27. <div class="price"><sup>$</sup>0<span>/USD</span></div>
  28. <ul>
  29. <li><strong>_________________</strong></li>
  30. <li><strong></strong>minecraft pe</li>
  31. <li><strong>pirata ???</strong></li>
  32. <li><strong></strong>$USD 0.00</li>
  33. <li><strong>_________________</strong></li>
  34. </ul>
  35. <a href="#" class="order-btn">Order Now</a>
  36. </div>




*{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: “Open Sans”,sans-serif;
text-decoration: none;
list-style: none;
}

body{
background-color: #0c0d22;
min-height: 100vh;
display: flex;
align-items: center;
}

.pricing-table{
display: flex;
flex-wrap: wrap;
justify-content: space-around;
width: min(1600px, 100%);
margin: auto;
}

.pricing-card{
flex: 1;
max-width: 360px;
background-color: #fff;
margin: 20px 10px;
text-align: center;
cursor: pointer;
overflow: hidden;
color: #2d2d2d;
transition: .3s linear;
}

.pricing-card-header{
background-color: #0fbcf9;
display: inline-block;
color: #fff;
padding: 12px 30px;
border-radius: 0 0 20px 20px;
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
transition: .4s linear;
}

.pricing-card:hover .pricing-card-header{
box-shadow: 0 0 0 26em #0fbcf9;
}

.price{
font-size: 70px;
color: #010405;
margin: 40px 0;
transition: .2s linear;
}

.price sup, .price span{
font-size: 22px;
font-weight: 700;
}

.pricing-card:hover ,.pricing-card:hover .price{
color: #fff;
}

.pricing-card li{
font-size: 16px;
padding: 10px 0;
text-transform: uppercase;
}

.order-btn{
display: inline-block;
margin-bottom: 40px;
margin-top: 80px;
border: 2px solid #0fbcf9;
color: #0fbcf9;
padding: 18px 40px;
border-radius: 8px;
text-transform: uppercase;
font-weight: 500;
transition: .3s linear;
}

.order-btn:hover{
background-color: #0fbcf9;
color: #fff;
}

@media screen and (max-width:1100px){
.pricing-card{
flex: 50%;
}
}