Develop

css/style.css

@@ -387,57 +387,15 @@ span {
     margin: 1rem 0 3rem;
 }
 
-.certificates {
-    min-height: auto;
-    padding-bottom: 10rem;
-}
-
-.certificates h2 {
-    margin-bottom: 5rem;
-}
-
-.certificates .certificates-container {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    flex-wrap: wrap;
-    gap: 2rem;
-}
-
-.certificates-container .certificates-box {
-    flex: 1 1 30rem;
-    background: var(--bg-color);
-    padding: 3rem 2rem 4rem;
-    border-radius: 2rem;
-    box-shadow: 0 .1rem .5rem var(--shadow-color);
-    text-align: center;
-    border-top: .6rem solid var(--main-color);
-    border-bottom: .6rem solid var(--main-color);
-    transition: .5s ease;
-}
-
-.certificates-container .certificates-box:hover {
-    box-shadow: 0 .1rem 2rem var(--shadow-color);
-    transform: scale(1.02);
-}
-
-.certificates-box i {
-    font-size: 7rem;
-    color: var(--main-color);
-}
-
-.certificates-box h3 {
-    font-size: 2.6rem;
-    transition: .5s ease;
-}
-
-.certificates-box:hover h3 {
-    color: var(--main-color);
+.services-box ul {
+    text-align: left;
+    margin: 1rem 0 2rem 1.5rem;
+    font-size: 1.6rem;
 }
 
-.certificates-box p {
-    font-size: 1.6rem;
-    margin: 1rem 0 3rem;
+.services-box ul li {
+    margin-bottom: .5rem;
+    list-style-type: disc;
 }
 
 .portfolio {

index.html

@@ -116,25 +116,35 @@ <h2 class="heading">My <span>Services</span></h2>
 
         <div class="services-container">
             <div class="services-box">
-                <i class='bx bx-code-alt'></i>
-                <h3>Web Design and Develop </h3>
-                <p> Building attractive and functional user interfaces,
-                    as well as developing server logic to ensure optimal site
-                    performance.</p>
+                <i class='bx bx-paint'></i>
+                <h3>Basic</h3>
+                <p>Beautiful and functional website</p>
+                <ul>
+                    <li><b>Technologies:</b> HTML, CSS, styling libraries</li>
+                    <li><b>Includes:</b> 1 page, functional site, responsive design, 14 days delivery, 2 revisions</li>
+                    <li><b>Price:</b> $200</li>
+                </ul>
             </div>
             <div class="services-box">
-                <i class='bx bx-data'></i>
-                <h3>Database</h3>
-                <p>Creation of efficient and well-structured databases to store
-                 and manage data in a safe and organized way.</p>
+                <i class='bx bx-code-block'></i>
+                <h3>Standard</h3>
+                <p>Functional website with JavaScript</p>
+                <ul>
+                    <li><b>Technologies:</b> HTML, CSS, JavaScript, external libraries (React, D3.js)</li>
+                    <li><b>Includes:</b> 1 page, functional site, responsive design, content upload, 14 days delivery, 4 revisions</li>
+                    <li><b>Price:</b> $300</li>
+                </ul>
             </div>
             <div class="services-box">
-                <i class='bx bx-joystick-alt'></i>
-                <h3>Web Games</h3>
-                <p>Creating engaging and entertaining web games using technologies such as HTML5, JavaScript, and specialized libraries/frameworks.
-                   </p>
+                <i class='bx bx-diamond'></i>
+                <h3>Premium (Coming soon)</h3>
+                <p>Advanced website with full features and extended customization</p>
+                <ul>
+                    <li><b>Includes:</b> 1 page, functional site, responsive design, content upload, 7 days delivery, 5 revisions</li>
+                    <li><b>Price:</b> $500</li>
+                </ul>
             </div>
-           
+
         </div>
     </section>