update service content

PathumChinthaka · Nov 15, 2023 · 1ec1fa1 · 1ec1fa1
1 parent fe740d4
commit 1ec1fa1
Show file tree

Hide file tree

Showing 3 changed files with 40 additions and 23 deletions.
diff --git a/Asset/Css/style.css b/Asset/Css/style.css
@@ -274,7 +274,7 @@ nav ul li a:hover::after {
     padding: 40px;
     font-weight: 300;
     transition: background 0.5s, transform 0.5s;
-    text-align: justify;
+    text-align: center;
 }
 
 .service-list div i {
@@ -480,17 +480,15 @@ nav ul li a:hover::after {
     width: 100%;
 }
 
-form,
+/* form, */
 input,
-form,
 textarea {
     width: 100%;
-    border: 0;
-    outline: none;
+    border: 1.5px solid #3f3f3f;
     background-color: #2b2b2b;
     padding: 13px 5px;
     margin: 15px 0;
-    border-radius: 6px;
+    border-radius: 7px;
     color: white;
 }
 

diff --git a/Asset/Js/index.js b/Asset/Js/index.js
@@ -5,6 +5,7 @@ function windowLoad(){
 }
 
 // add js about content view
+
 var subLinks=document.getElementsByClassName('sub-links');
 var subContents=document.getElementsByClassName('sub-content');
 
@@ -32,4 +33,22 @@ function openMenu(){
 
 function closeMenu(){
     sideMenu.style.right="-200px";
-}
+}
+
+
+//send e mail from contact me section
+
+function sendEmail(){
+
+    Email.send({
+        Host : "smtp.elasticemail.com",
+        Username : "username",
+        Password : "password",
+        To : 'them@website.com',
+        From : "you@isp.com",
+        Subject : "This is the subject",
+        Body : "And this is the body"
+    }).then(
+      message => alert(message)
+    );
+}
diff --git a/index.html b/index.html
@@ -74,17 +74,19 @@ <h1 class="main-title">About Me</h1>
                     <div class="sub-content active-content" id="skills">
                         <ul>
                             <li>
-                                <span>Web Development</span><br />
-                                <p>Front-end : HTML | Css | Javascript | Jquery | Bootstrap | Tailwind</p>
-                                <p>Back-end : Spring-MVC | Spring-Boot | Mysql | MongoDB </p>
+                                <div></div>
+                                <span>Front-end Development</span><br />
+                                <p><b>Tech-stack</b> :   HTML  ,  Css  ,  Javascript  ,  Jquery  ,   Bootstrap  ,  Tailwind Css</p>
                             </li>
                             <li>
                                 <span>UI/UX Design</span><br />
-                                <p>Technologies : Figma | Adobe</p>
+                                <p><b>Tools</b> : Figma  ,  Adobe</p>
                             </li>
                             <li>
-                                <span>Software Development</span><br />
-                                <p>Technologies : Java | Java Fx | Mysql</p>
+                                <span>Back-end Development</span><br />
+                                <p><b>Frameworks</b> :  Spring-Boot  ,  Spring-Security  ,  Apache  ,  Hibernate</p>
+                                <p><b>Databases</b> :  MongoDB  ,  MySql  </p>
+                                <p><b>Languages</b> :  Java  </p>
                             </li>
                         </ul>
                     </div>
@@ -146,10 +148,7 @@ <h1 class="main-title">Service</h1>
                     <i class="fa-solid fa-desktop"></i>
                     <h2>Web Designer</h2>
                     <p>
-                        As a web developer, I possess a strong command over front-end technologies such as HTML, CSS,
-                        and
-                        JavaScript, enabling me to create visually appealing and responsive websites that provide an
-                        exceptional user experience across various devices and browsers.
+                        As a web developer, I possess a strong command over front-end technologies such as HTML, CSS, and JavaScript, enabling me to create visually appealing and responsive websites that provide an exceptional user experience across various devices and browsers.
                     </p>
                     <p>
                         <a href="#">Learn more</a>
@@ -172,11 +171,10 @@ <h2>UI/UX Designer</h2>
 
                 <div>
                     <i class="fa-sharp fa-solid fa-code"></i>
-                    <h2>Software Developer</h2>
+                    <h2>Web Developer</h2>
                     <p>
-                        As a software developer, I specialize in designing and implementing efficient and user-friendly
-                        software solutions to address complex business challenges.
-                        With a passion for coding and problem-solving.I in programming languages such as Java.
+                        As a Web developer, I specialize in designing and implementing efficient and user-friendly Back-end solutions to address complex business challenges.
+                        With a passion for coding and problem-solving in programming languages such as Java and Javascript.
                     </p>
                     <p>
                         <a href="#">Learn more</a>
@@ -263,12 +261,12 @@ <h1 class="main-title">Contact Me</h1>
                                 class="fa-brands fa-medium"></i></a>
                     </div>
                 </div>
-                <div class="contact-rightside">
+                <form class="contact-rightside">
                     <input type="text" name="name" placeholder="Your name" required />
                     <input type="email" name="email" placeholder="Your e-mail" required />
                     <textarea name="message" cols="30" rows="10" placeholder="Your message" required></textarea>
                     <button type="submit" class="submit-btn">Send message</button>
-                </div>
+                </form>
             </div>
         </div>
         <br>
@@ -280,7 +278,9 @@ <h1 class="main-title">Contact Me</h1>
     <script>
         AOS.init();
     </script>
+    <script src="https://smtpjs.com/v3/smtp.js"></script>
     <script src="Asset\Js\index.js"></script>
+
 </body>
 
 </html>