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

Dev Chauhan #4

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

Dev Chauhan #4

Show file tree
Hide file tree
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
0 assets/img/hero-bg.jpg → assets/img/1hero-bg.jpg
View file
Open in desktop
File renamed without changes
Binary file added assets/img/DEv.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified assets/img/favicon.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified assets/img/profile-img.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
171 changes: 70 additions & 101 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,8 +8,8 @@
<title>Portfolio Design</title>
<meta content="" name="description">
<meta content="" name="keywords">
<meta name="author" content="Pratik Verma">
<meta name="author" content="IncubateIND">
<meta name="author" content="Dev Chauhan">
<meta name="author" content="GIT">

<!-- Favicons -->
<link href="assets/img/favicon.png" rel="icon">
Expand All @@ -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>Dev Chauhan</h1>
<p>I'm <span class="typed" data-typed-items="Student, PC Builder, Hardwear-Geek, Editor, Avg. Noob-Gamer"></span></p>
</div>
</section><!-- End Hero -->

Expand All @@ -49,46 +49,38 @@ <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>I am a student at Gadhinagar Institue of Technology. I own a strong bckground in PC Building and want to pursue a career in Networking field with an experience of Data Center Envirounment. </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>Student &amp; Enthusiastic Learner.</h3>
<p class="font-italic">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
dolore
magna aliqua.
It is all about having an optimistic outlook and a keen interest in life and learning! Being open, engaged, and motivated.
</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>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>Birthday:</strong> 5 June 2002</li>
<li><i class="icofont-rounded-right"></i> <strong>Website:</strong><a href="https://dev-c5622.github.io/profile/"> https://dev-c5622.github.io/profile/</a> </li>
<li><i class="icofont-rounded-right"></i> <strong>Phone:</strong><a href="tel:+917769947379"> Contact Me Here</a></li>
<li><i class="icofont-rounded-right"></i> <strong>City:</strong> Mumbai, Maharastra, 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>Freelance:</strong> Available</li>
<li><i class="icofont-rounded-right"></i> <strong>Age:</strong> 18</li>
<li><i class="icofont-rounded-right"></i> <strong>Degree:</strong> BE Information Technology</li>
<li><i class="icofont-rounded-right"></i> <strong>Email:</strong><a href= "mailto:[email protected]"> [email protected]</a></li>
<li><i class="icofont-rounded-right"></i> <strong>Freelance:</strong> Available on Stipend Bases</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.
</p>
I'm a workaholic. I never stop. I'm always thinking about the next play, what's the next move, what could we do to be better than we are now. And I'm not gonna be satisfied until I've achieved my maximum potential.</p>
</div>
</div>

Expand All @@ -101,44 +93,29 @@ <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>I used to be a classic workaholic, and after seeing how little work and career really mean when you reach the end of your life, I put a new emphasis on things I believe count more. These things include: family, friends, being part of a community, and appreciating the little joys of the average day.
</p>
</div>

<div class="row no-gutters">

<div class="col-lg-3 col-md-6 d-md-flex align-items-md-stretch" data-aos="fade-up">
<div class="count-box">
<i class="icofont-simple-smile"></i>
<span data-toggle="counter-up">232</span>
<p><strong>Happy Clients</strong> consequuntur quae</p>
<span data-toggle="counter-up">1000</span>
<p><strong> Over Happy friends</strong> whom i love to help</p>
</div>
</div>

<div class="col-lg-3 col-md-6 d-md-flex align-items-md-stretch" data-aos="fade-up" data-aos-delay="100">
<div class="count-box">
<i class="icofont-document-folder"></i>
<span data-toggle="counter-up">521</span>
<p><strong>Projects</strong> adipisci atque cum quia aut</p>
<span data-toggle="counter-up">5</span>
<p><strong>Projects</strong> </p>
</div>
</div>

<div class="col-lg-3 col-md-6 d-md-flex align-items-md-stretch" data-aos="fade-up" data-aos-delay="200">
<div class="count-box">
<i class="icofont-live-support"></i>
<span data-toggle="counter-up">1,463</span>
<p><strong>Hours Of Support</strong> aut commodi quaerat</p>
</div>
</div>

<div class="col-lg-3 col-md-6 d-md-flex align-items-md-stretch" data-aos="fade-up" data-aos-delay="300">
<div class="count-box">
<i class="icofont-users-alt-5"></i>
<span data-toggle="counter-up">15</span>
<p><strong>Hard Workers</strong> rerum asperiores dolor</p>
</div>
</div>


</div>

Expand All @@ -151,35 +128,34 @@ <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>Each person's drive to overwork is unique, and doing too much numbs every workaholic's emotions differently.
.But with Skills we can endorse and save a huge amoun of time.</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">HTML <i class="val">40%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar" role="progressbar" aria-valuenow="40" 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">CSS <i class="val">60%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100">
</div>
</div>
</div>

<div class="progress">
<span class="skill">JavaScript <i class="val">75%</i></span>
<span class="skill">JavaScript <i class="val">50%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100">
</div>
</div>
</div>
Expand All @@ -189,29 +165,58 @@ <h2>Skills</h2>
<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>
<span class="skill">PHP <i class="val">60%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100">
</div>
</div>
</div>

<div class="progress">
<span class="skill">WordPress/CMS <i class="val">90%</i></span>
<span class="skill">Filmora <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">Final Cut Pro (FCP) <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">MS - Office <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">MIS <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">JAVA<i class="val">60%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="60" 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">C++ <i class="val">90%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="55" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100">
</div>
</div>
</div>


</div>

</div>
Expand All @@ -225,50 +230,16 @@ <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>i Provide a large number of services such as..</p>
</div>

<div class="row">
<div class="col-lg-4 col-md-6 icon-box" data-aos="fade-up">
<div class="icon"><i class="icofont-computer"></i></div>
<h4 class="title"><a href="">Lorem Ipsum</a></h4>
<p class="description">Voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint
occaecati cupiditate non provident</p>
</div>
<div class="col-lg-4 col-md-6 icon-box" data-aos="fade-up" data-aos-delay="100">
<div class="icon"><i class="icofont-chart-bar-graph"></i></div>
<h4 class="title"><a href="">Dolor Sitema</a></h4>
<p class="description">Minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat tarad limino ata</p>
</div>
<div class="col-lg-4 col-md-6 icon-box" data-aos="fade-up" data-aos-delay="200">
<div class="icon"><i class="icofont-earth"></i></div>
<h4 class="title"><a href="">Sed ut perspiciatis</a></h4>
<p class="description">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla pariatur</p>
<h4 class="title"><a href="">Freelance Edditing</a></h4>
<p class="description">I provide freelance editing service</p>
</div>
<div class="col-lg-4 col-md-6 icon-box" data-aos="fade-up" data-aos-delay="300">
<div class="icon"><i class="icofont-image"></i></div>
<h4 class="title"><a href="">Magni Dolores</a></h4>
<p class="description">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
mollit anim id est laborum</p>
</div>
<div class="col-lg-4 col-md-6 icon-box" data-aos="fade-up" data-aos-delay="400">
<div class="icon"><i class="icofont-settings"></i></div>
<h4 class="title"><a href="">Nemo Enim</a></h4>
<p class="description">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium
voluptatum deleniti atque</p>
</div>
<div class="col-lg-4 col-md-6 icon-box" data-aos="fade-up" data-aos-delay="500">
<div class="icon"><i class="icofont-tasks-alt"></i></div>
<h4 class="title"><a href="">Eiusmod Tempor</a></h4>
<p class="description">Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum
soluta nobis est eligendi</p>
</div>
</div>


</div>
</section><!-- End Services Section -->

Expand All @@ -278,9 +249,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></p>
</div>

<div class="row" data-aos="fade-in">
Expand Down