Skip to content

My new portfolio #36

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

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

My new portfolio #36

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
2 changes: 1 addition & 1 deletion assets/css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -204,7 +204,7 @@ h1, h2, h3, h4, h5, h6 {
#hero {
width: 100%;
height: 100vh;
background: url("../img/hero-bg.jpg") top center;
background: url("../img/hero-bg.jpg") center;
background-size: cover;
}

Expand Down
Binary file modified assets/img/hero-bg.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/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.
67 changes: 26 additions & 41 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,8 +34,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>Abhishek Scariya M B</h1>
<p>I'm A <span class="typed" data-typed-items="Student,Developer,Freelancer"></span></p>
</div>
</section><!-- End Hero -->

Expand All @@ -47,46 +47,37 @@ <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>A keen learner searching for new opportunities and challenges while hurdling through his college deadlines. </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>Web &amp; Application Developer.</h3>
<p class="font-italic">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
dolore
magna aliqua.
Finding solutions for simple and relatively complex software requirements.
</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> 12 August 1999</li>
<li><i class="icofont-rounded-right"></i> <strong>Phone:</strong> +919656640873</li>
<li><i class="icofont-rounded-right"></i> <strong>City:</strong> City : Calicut, Kerala, 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>
</ul>
<li><i class="icofont-rounded-right"></i> <strong>Age:</strong> 21</li>
<li><i class="icofont-rounded-right"></i> <strong>Degree:</strong> Master of computer applications</li>
<li><i class="icofont-rounded-right"></i> <strong>Email:</strong> [email protected]</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>
Currently a student at Amal Jyothi college of engineering, Kanjirapally. Available to freelance on weekends.
</p>
</div>
</div>

Expand All @@ -99,12 +90,10 @@ <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>Passed out with flying colours from Silver Hills Public School. Completed BCA at IHRD, Kiliyanad. A hobby guitarist who occasionally rocks for the people. Currently pursuing MCA at AJCE.</p>
</div>

<div class="row no-gutters">
<!-- <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">
Expand Down Expand Up @@ -149,33 +138,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>Code blooded student looking to learn more. Skilled at programming languages like C,C++,Java,JS,PHP,Python etc</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">80%</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">CSS <i class="val">70%</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>
<span class="skill">JavaScript <i class="val">55%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100">
</div>
Expand All @@ -187,23 +174,23 @@ <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">50%</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>
<span class="skill">C & C++ <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">Python <i class="val">75%</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 @@ -218,7 +205,7 @@ <h2>Skills</h2>
</section><!-- End Skills Section -->

<!-- ======= Services Section ======= -->
<section id="services" class="services">
<!-- <section id="services" class="services">
<div class="container">

<div class="section-title">
Expand Down Expand Up @@ -276,9 +263,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>Reach out to me at any time for queries. I'll respond ASAP.</p>
</div>

<div class="row" data-aos="fade-in">
Expand Down Expand Up @@ -330,7 +315,7 @@ <h2>Contact</h2>
<!-- ======= Footer ======= -->
<footer id="footer">
<div class="container">
<div class="credits">Designed & Developed by <a href="https://www.incubateind.com/">IncubateIND</a> with ❤️
<div class="credits">Designed & Developed by Abhishek Scariya with <sub>💖</sub><strong>Passion</strong><sup>💖</sup>!
</div>
</div>
</footer><!-- End Footer -->
Expand Down