Blog : new blog page desing

sai4ul · Dec 24, 2023 · fe1e6d2 · fe1e6d2
1 parent ae373e8
commit fe1e6d2
Showing 1 changed file with 38 additions and 2 deletions.
diff --git a/blog.html b/blog.html
@@ -147,19 +147,55 @@
                         <div class="hero-cap pt-50">
                             <h2>Blog</h2>
                         </div>
+
+
                     </div>
                 </div>
             </div>
         </div>
         <!--Hero Area End-->
 
         <!-- Blog Area -->
-        <div class="blog section-padding">
+        <div class="blog pt-50 bottom-padding">
             <div class="container">
                 <div class="row">
                     <div class="col-lg-12">
                         <div class="section-tittle mb-50 text-center">
-                            <h2><span>Coming </span>Soon</h2>
+                            <h2><span>java </span>script</h2>
+                        </div>
+                    </div>
+
+
+                    <div class="col-xl-4 col-lg-5 col-md-12">
+                        <div class="single-services border-color-two mb-24">
+                            <div class="services-cap">
+                                <h5>JavaScript! </h5>
+                                <p><u>A Basic Introduction to JS for Beginners
+
+JavaScript is a lightweight programming language commonly used by web developers to add dynamic interactions to web pages, applications, servers, and even games.
+
+It works seamlessly alongside HTML and CSS, complementing CSS in formatting HTML elements while providing user interaction, a capability that CSS alone lacks.</p>
+
+                                <p class="profile">
+                                    <u>other example:</u>
+                                    <a href="#" target="_blank">one ....</a> ,
+                                    <a href="#" target="_blank">two ...</a>
+                                </p>
+                                <span>What Is JavaScript?</span>
+                                <!-- Tag -->
+                                <div class="tag-list pt-10">
+                                    <a href="#" class="cmn-btn0">react</a>
+                                    <a href="#" class="cmn-btn0">JavaScript</a>
+                                    <a href="#" class="cmn-btn0">SASS</a>
+                                    <a href="#" class="cmn-btn0">bootstrap</a>
+                                    <a href="#" class="cmn-btn0">HTML/CSS</a>
+                                    <a href="#" class="cmn-btn0">Git</a>
+                                    <a href="#" class="cmn-btn0">figma</a>
+                                    <a href="#" class="cmn-btn0">CSS</a>
+                                    <a href="#" class="cmn-btn0">Bootstrap</a>
+                                    <a href="#" class="cmn-btn0">tailwind</a>
+                                </div>
+                            </div>
                         </div>
                     </div>
                 </div>