Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

My resume #26

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

My resume #26

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
87 changes: 25 additions & 62 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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 -->

Expand All @@ -49,45 +49,44 @@ <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">
<div class="col-lg-4" data-aos="fade-right">
<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 protected]</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>[email protected]</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>
Expand All @@ -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">
Expand Down Expand Up @@ -151,61 +148,31 @@ <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">

<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>
</div>
</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>
Expand All @@ -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">
Expand Down Expand Up @@ -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">
Expand Down