chanegs

Readme.md

@@ -1,2 +1,2 @@
-<h1>DaryNode Hosting Website</h1>
-<p>This is the Repository of DaryNode hosting's website!</p>
+<h1>DaryNodes Hosting Website</h1>
+<p>This is the Repository of DaryNodes hosting's website!</p>

assets/css/style.css

@@ -1,12 +1,12 @@
-/**
-* Template Name: FlexStart - v1.4.0
-* Template URL: https://bootstrapmade.com/flexstart-bootstrap-startup-template/
-* Author: BootstrapMade.com
-* License: https://bootstrapmade.com/license/
-*/
-
-/*--------------------------------------------------------------
-# General
+/**
+* Template Name: FlexStart - v1.4.0
+* Template URL: https://bootstrapmade.com/flexstart-bootstrap-startup-template/
+* Author: BootstrapMade.com
+* License: https://bootstrapmade.com/license/
+*/
+
+/*--------------------------------------------------------------
+# General
 --------------------------------------------------------------*/
 :root {
   scroll-behavior: smooth;
@@ -31,8 +31,8 @@ h1, h2, h3, h4, h5, h6 {
   font-family: "Nunito", sans-serif;
 }
 
-/*--------------------------------------------------------------
-# Sections
+/*--------------------------------------------------------------
+# Sections
 --------------------------------------------------------------*/
 section {
   padding: 60px 0;
@@ -69,8 +69,8 @@ section {
   }
 }
 
-/*--------------------------------------------------------------
-# Breadcrumbs
+/*--------------------------------------------------------------
+# Breadcrumbs
 --------------------------------------------------------------*/
 .breadcrumbs {
   padding: 15px 0;
@@ -120,8 +120,8 @@ section {
   content: "/";
 }
 
-/*--------------------------------------------------------------
-# Back to top button
+/*--------------------------------------------------------------
+# Back to top button
 --------------------------------------------------------------*/
 .back-to-top {
   position: fixed;
@@ -153,17 +153,17 @@ section {
   opacity: 1;
 }
 
-/*--------------------------------------------------------------
-# Disable aos animation delay on mobile devices
+/*--------------------------------------------------------------
+# Disable aos animation delay on mobile devices
 --------------------------------------------------------------*/
 @media screen and (max-width: 768px) {
   [data-aos-delay] {
     transition-delay: 0 !important;
   }
 }
 
-/*--------------------------------------------------------------
-# Header
+/*--------------------------------------------------------------
+# Header
 --------------------------------------------------------------*/
 .header {
   transition: all 0.5s;
@@ -195,11 +195,11 @@ section {
   margin-top: 3px;
 }
 
-/*--------------------------------------------------------------
-# Navigation Menu
+/*--------------------------------------------------------------
+# Navigation Menu
 --------------------------------------------------------------*/
-/**
-* Desktop Navigation 
+/**
+* Desktop Navigation 
 */
 .navbar {
   padding: 0;
@@ -316,8 +316,8 @@ section {
   }
 }
 
-/**
-* Mobile Navigation 
+/**
+* Mobile Navigation 
 */
 .mobile-nav-toggle {
   color: #012970;
@@ -418,8 +418,8 @@ section {
   display: block;
 }
 
-/*--------------------------------------------------------------
-# Hero Section
+/*--------------------------------------------------------------
+# Hero Section
 --------------------------------------------------------------*/
 .hero {
   width: 100%;
@@ -508,11 +508,11 @@ section {
   }
 }
 
-/*--------------------------------------------------------------
-# Index Page
+/*--------------------------------------------------------------
+# Index Page
 --------------------------------------------------------------*/
-/*--------------------------------------------------------------
-# About
+/*--------------------------------------------------------------
+# About
 --------------------------------------------------------------*/
 .about .content {
   background-color: #f6f9ff;
@@ -564,8 +564,8 @@ section {
   transform: translateX(5px);
 }
 
-/*--------------------------------------------------------------
-# Values
+/*--------------------------------------------------------------
+# Values
 --------------------------------------------------------------*/
 .values .box {
   padding: 30px;
@@ -596,8 +596,8 @@ section {
   transform: scale(1);
 }
 
-/*--------------------------------------------------------------
-# Counts
+/*--------------------------------------------------------------
+# Counts
 --------------------------------------------------------------*/
 .counts {
   padding: 70px 0 60px;
@@ -633,8 +633,8 @@ section {
   font-size: 14px;
 }
 
-/*--------------------------------------------------------------
-# Features
+/*--------------------------------------------------------------
+# Features
 --------------------------------------------------------------*/
 .features .feature-box {
   padding: 24px 20px;
@@ -758,8 +758,8 @@ section {
   color: #848484;
 }
 
-/*--------------------------------------------------------------
-# Services
+/*--------------------------------------------------------------
+# Services
 --------------------------------------------------------------*/
 .services .service-box {
   box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
@@ -770,6 +770,22 @@ section {
   border-radius: 5px;
 }
 
+
+.discord-text {
+  box-shadow: 0px 0 0px rgba(1, 41, 112, 0.08);
+  margin: 30px;
+  align-items: center;
+  display: flex;
+  background-color: #f6f9ff;
+  text-align: center;
+  font-weight: 700;
+  color: #444;
+}
+
+.discord-text:hover {
+  background-color: #e1ecff;
+}
+
 .services .service-box .icon {
   font-size: 36px;
   padding: 40px 20px;
@@ -903,16 +919,17 @@ section {
   background: #f51f9c;
 }
 
-.services .service-box:hover h3, .services .service-box:hover p, .services .service-box:hover .read-more {
+.services .service-box.pink:hover h3, .services .service-box:hover p, .services .service-box:hover .read-more, .service-box.blue:hover h3, .service-box.green:hover h3, .service-box.orange:hover h3{
   color: #fff;
 }
 
 .services .service-box:hover .icon {
   background: #fff;
 }
 
-/*--------------------------------------------------------------
-# Pricing
+
+/*--------------------------------------------------------------
+# Pricing
 --------------------------------------------------------------*/
 .pricing .box {
   padding: 40px 20px;
@@ -937,21 +954,21 @@ section {
 }
 
 .pricing .price {
-  font-size: 36px;
+  font-size: 20px;
   color: #444444;
   font-weight: 600;
   font-family: "Poppins", sans-serif;
 }
 
 .pricing .price sup {
-  font-size: 20px;
+  font-size: 18px;
   top: -15px;
   left: -3px;
 }
 
 .pricing .price span {
   color: #bababa;
-  font-size: 16px;
+  font-size: 14px;
   font-weight: 300;
 }
 
@@ -1010,8 +1027,8 @@ section {
   color: #fff;
 }
 
-/*--------------------------------------------------------------
-# F.A.Q
+/*--------------------------------------------------------------
+# F.A.Q
 --------------------------------------------------------------*/
 .faq .accordion-collapse {
   border: 0;
@@ -1041,8 +1058,8 @@ section {
   border: 0;
 }
 
-/*--------------------------------------------------------------
-# Portfolio
+/*--------------------------------------------------------------
+# Portfolio
 --------------------------------------------------------------*/
 .portfolio #portfolio-flters {
   padding: 0;
@@ -1214,8 +1231,8 @@ section {
   right: 15px;
 }
 
-/*--------------------------------------------------------------
-# Portfolio Details
+/*--------------------------------------------------------------
+# Portfolio Details
 --------------------------------------------------------------*/
 .portfolio-details {
   padding-top: 40px;
@@ -1279,8 +1296,8 @@ section {
   padding: 0;
 }
 
-/*--------------------------------------------------------------
-# Testimonials
+/*--------------------------------------------------------------
+# Testimonials
 --------------------------------------------------------------*/
 .testimonials .testimonial-item {
   box-sizing: content-box;
@@ -1366,8 +1383,8 @@ section {
   }
 }
 
-/*--------------------------------------------------------------
-# Team
+/*--------------------------------------------------------------
+# Team
 --------------------------------------------------------------*/
 .team {
   background: #fff;
@@ -1464,8 +1481,8 @@ section {
   opacity: 1;
 }
 
-/*--------------------------------------------------------------
-# Clients
+/*--------------------------------------------------------------
+# Clients
 --------------------------------------------------------------*/
 .clients .clients-slider .swiper-slide img {
   opacity: 0.5;
@@ -1493,8 +1510,8 @@ section {
   background-color: #4154f1;
 }
 
-/*--------------------------------------------------------------
-# Recent Blog Posts
+/*--------------------------------------------------------------
+# Recent Blog Posts
 --------------------------------------------------------------*/
 .recent-blog-posts .post-box {
   box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
@@ -1557,8 +1574,8 @@ section {
   transform: rotate(6deg) scale(1.2);
 }
 
-/*--------------------------------------------------------------
-# Contact
+/*--------------------------------------------------------------
+# Contact
 --------------------------------------------------------------*/
 .contact .info-box {
   color: #444444;
@@ -1683,8 +1700,8 @@ section {
   }
 }
 
-/*--------------------------------------------------------------
-# Blog
+/*--------------------------------------------------------------
+# Blog
 --------------------------------------------------------------*/
 .blog {
   padding: 40px 0 20px 0;
@@ -2189,8 +2206,8 @@ section {
   font-size: 14px;
 }
 
-/*--------------------------------------------------------------
-# Footer
+/*--------------------------------------------------------------
+# Footer
 --------------------------------------------------------------*/
 .footer {
   background: #f6f9ff;