From b34695b9ed1e77813ba3b25fb8d2ba92ccd631c6 Mon Sep 17 00:00:00 2001
From: Rathan23 <78424254+Rathan23@users.noreply.github.com>
Date: Mon, 15 Feb 2021 15:19:26 +0530
Subject: [PATCH] Add files via upload

---
 index.html | 87 ++++++++++++++++--------------------------------------
 1 file changed, 25 insertions(+), 62 deletions(-)

diff --git a/index.html b/index.html
index aad9dc7..97bfa14 100644
--- a/index.html
+++ b/index.html
@@ -36,8 +36,8 @@
   <!-- ======= Hero Section ======= -->
   <section id="hero" class="d-flex flex-column justify-content-center align-items-center">
     <div class="hero-container" data-aos="fade-in">
-      <h1>Alex Smith</h1>
-      <p>I'm <span class="typed" data-typed-items="Designer, Developer, Freelancer, Photographer"></span></p>
+      <h1 color :"">RATHAN M C </h1>
+      <p>I'm <span class="typed" data-typed-items="Designer,Photographer"></span></p>
     </div>
   </section><!-- End Hero -->
 
@@ -49,9 +49,9 @@ <h1>Alex Smith</h1>
 
         <div class="section-title">
           <h2>About</h2>
-          <p>Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint
-            consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit suscipit alias ea. Quia fugiat sit
-            in iste officiis commodi quidem hic quas.</p>
+          <p> Hey people, I'm Rathan, a coder,designer and an photographer
+		  for all of your need of creative art. I've been working on it for almost a decade now.
+			So I can definitely help you out!</p>
         </div>
 
         <div class="row">
@@ -59,35 +59,34 @@ <h2>About</h2>
             <img src="assets/img/profile-img.jpg" class="img-fluid" alt="">
           </div>
           <div class="col-lg-8 pt-4 pt-lg-0 content" data-aos="fade-left">
-            <h3>UI/UX Designer &amp; Web Developer.</h3>
+            <h3>DESIGNER &amp; PHOTOGRAPHER.</h3>
             <p class="font-italic">
-              Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
-              dolore
-              magna aliqua.
+             A picture worth thousand words. As a visul communicator, photography is essential to the graphic designer in diverse ways, since 
+			 image can mean a lot in communication as far as aesthetics are concerned.
             </p>
             <div class="row">
               <div class="col-lg-6">
                 <ul>
-                  <li><i class="icofont-rounded-right"></i> <strong>Birthday:</strong> 1 May 1995</li>
+                  <li><i class="icofont-rounded-right"></i> <strong>Birthday:</strong> 23 july 2002</li>
                   <li><i class="icofont-rounded-right"></i> <strong>Website:</strong> www.example.com</li>
                   <li><i class="icofont-rounded-right"></i> <strong>Phone:</strong> +123 456 7890</li>
-                  <li><i class="icofont-rounded-right"></i> <strong>City:</strong> City : New York, USA</li>
+                  <li><i class="icofont-rounded-right"></i> <strong>City:</strong> City : MYSORE, INDIA</li>
                 </ul>
               </div>
               <div class="col-lg-6">
                 <ul>
-                  <li><i class="icofont-rounded-right"></i> <strong>Age:</strong> 30</li>
-                  <li><i class="icofont-rounded-right"></i> <strong>Degree:</strong> Master</li>
-                  <li><i class="icofont-rounded-right"></i> <strong>PhEmailone:</strong> email@example.com</li>
+                  <li><i class="icofont-rounded-right"></i> <strong>Age:</strong> 18</li>
+                  <li><i class="icofont-rounded-right"></i> <strong>Profession:</strong>Student </li>
+                  <li><i class="icofont-rounded-right"></i> <strong>Email:</strong>20cse0027@vvce.ac.in</li>
                   <li><i class="icofont-rounded-right"></i> <strong>Freelance:</strong> Available</li>
                 </ul>
               </div>
             </div>
             <p>
-              Officiis eligendi itaque labore et dolorum mollitia officiis optio vero. Quisquam sunt adipisci omnis et
-              ut. Nulla accusantium dolor incidunt officia tempore. Et eius omnis.
-              Cupiditate ut dicta maxime officiis quidem quia. Sed et consectetur qui quia repellendus itaque neque.
-              Aliquid amet quidem ut quaerat cupiditate. Ab et eum qui repellendus omnis culpa magni laudantium dolores.
+              Officiis Photography is also an important part of branding,
+			  hence the connection with graphic design. 
+			  Graphic designers manipulate photos to communicate an idea. 
+			  Some employers look for graphic designers with a photography background and vice versa.
             </p>
           </div>
         </div>
@@ -101,9 +100,7 @@ <h3>UI/UX Designer &amp; Web Developer.</h3>
 
         <div class="section-title">
           <h2>Facts</h2>
-          <p>Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint
-            consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit suscipit alias ea. Quia fugiat sit
-            in iste officiis commodi quidem hic quas.</p>
+          <p>A true photograph need not be explained, nor can it be contained in words.</p>
         </div>
 
         <div class="row no-gutters">
@@ -151,9 +148,7 @@ <h2>Facts</h2>
 
         <div class="section-title">
           <h2>Skills</h2>
-          <p>Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint
-            consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit suscipit alias ea. Quia fugiat sit
-            in iste officiis commodi quidem hic quas.</p>
+          <p>Photography in design can be more impactful than graphics or illustrastion as it communication the message with a often packs more of a visual punch.</p>
         </div>
 
         <div class="row skills-content">
@@ -161,7 +156,7 @@ <h2>Skills</h2>
           <div class="col-lg-6" data-aos="fade-up">
 
             <div class="progress">
-              <span class="skill">HTML <i class="val">100%</i></span>
+              <span class="skill">Designing <i class="val">100%</i></span>
               <div class="progress-bar-wrap">
                 <div class="progress-bar" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100">
                 </div>
@@ -169,43 +164,15 @@ <h2>Skills</h2>
             </div>
 
             <div class="progress">
-              <span class="skill">CSS <i class="val">90%</i></span>
+              <span class="skill">Photography <i class="val">90%</i></span>
               <div class="progress-bar-wrap">
                 <div class="progress-bar" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100">
                 </div>
               </div>
             </div>
-
-            <div class="progress">
-              <span class="skill">JavaScript <i class="val">75%</i></span>
-              <div class="progress-bar-wrap">
-                <div class="progress-bar" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100">
-                </div>
-              </div>
-            </div>
-
-          </div>
-
-          <div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">
-
-            <div class="progress">
-              <span class="skill">PHP <i class="val">80%</i></span>
-              <div class="progress-bar-wrap">
-                <div class="progress-bar" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100">
-                </div>
-              </div>
-            </div>
-
-            <div class="progress">
-              <span class="skill">WordPress/CMS <i class="val">90%</i></span>
-              <div class="progress-bar-wrap">
-                <div class="progress-bar" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100">
-                </div>
-              </div>
-            </div>
-
+			
             <div class="progress">
-              <span class="skill">Photoshop <i class="val">55%</i></span>
+              <span class="skill">Photoshop <i class="val">80%</i></span>
               <div class="progress-bar-wrap">
                 <div class="progress-bar" role="progressbar" aria-valuenow="55" aria-valuemin="0" aria-valuemax="100">
                 </div>
@@ -225,9 +192,7 @@ <h2>Skills</h2>
 
         <div class="section-title">
           <h2>Services</h2>
-          <p>Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint
-            consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit suscipit alias ea. Quia fugiat sit
-            in iste officiis commodi quidem hic quas.</p>
+          <p>Photoshop services refer to the editing process in photoshop to create dynamic photographs.</p>
         </div>
 
         <div class="row">
@@ -278,9 +243,7 @@ <h4 class="title"><a href="">Eiusmod Tempor</a></h4>
 
         <div class="section-title">
           <h2>Contact</h2>
-          <p>Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint
-            consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit suscipit alias ea. Quia fugiat sit
-            in iste officiis commodi quidem hic quas.</p>
+          <p>The sorrows of a great advantage to raise up. Let there be something they are in flight, is a result of his vision stands corisectetur him, indeed, to the necessities of the fleece. Anyone whom the one with greed. And no one has to prevent a receives the rest, for the. Which, indeed, this advantage, it is in this that the obligations binding láuló flee..</p>
         </div>
 
         <div class="row" data-aos="fade-in">