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

adding file #42

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

adding file #42

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
353 changes: 353 additions & 0 deletions abisha/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,353 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">

<title>Portfolio Design</title>
<meta content="" name="description">
<meta content="" name="keywords">

<!-- Favicons -->
<link href="assets/img/favicon.png" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">

<!-- Google Fonts -->
<link
href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i"
rel="stylesheet">

<!-- Vendor CSS Files -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/icofont/icofont.min.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/venobox/venobox.css" rel="stylesheet">
<link href="assets/vendor/owl.carousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="assets/vendor/aos/aos.css" rel="stylesheet">

<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">
</head>

<body>
<!-- ======= 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>Abisha</h1>
<p>I'm <span class="typed" data-typed-items="Designer, Developer, Freelancer, Singer"></span></p>
</div>
</section><!-- End Hero -->

<main>

<!-- ======= About Section ======= -->
<section id="about" class="about">
<div class="container">

<div class="section-title">
<h2>About</h2>
<p>i am an mca student
.</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>
<p class="font-italic">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
dolore
magna aliqua.
</p>
<div class="row">
<div class="col-lg-6">
<ul>
<li><i class="icofont-rounded-right"></i> <strong>Birthday:</strong> 14 sep</li>
<li><i class="icofont-rounded-right"></i> <strong>Website:</strong> www.ancyalexander.com</li>
<li><i class="icofont-rounded-right"></i> <strong>Phone:</strong> +91 ****</li>
<li><i class="icofont-rounded-right"></i> <strong>City:</strong> City : kollam,kerala</li>
</ul>
</div>
<div class="col-lg-6">
<ul>
<li><i class="icofont-rounded-right"></i> <strong>Age:</strong> 22</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>
</div>
</div>
<p>

</p>
</div>
</div>

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

<!-- ======= Facts Section ======= -->
<!-- ======= Facts Section ======= -->
<section id="facts" class="facts">
<div class="container">

<div class="section-title">
<h2>Facts</h2>
<p>I have been working “on the other side” long enough to realize how important marketing and development components are.
I have become interested in these fields recently. I am certain that joining your team is a benefit for both sides.
My professional expertise in sales can provide valuable insights and a fresh perspective on product development. Personally,
I can acquire new knowledge and skills in product launch and management. I am ready for long-time cooperation.</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">6</span>
<p><strong>Happy Clients</strong> who works with me</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">11</span>
<p><strong>Projects</strong> which is open for all</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">105</span>
<p><strong>Hours Of Support</strong> getting close to students</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> works and studies simultaneously</p>
</div>
</div>

</div>

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

<!-- ======= Skills Section ======= -->
<section id="skills" class="skills section-bg">
<div class="container">

<div class="section-title">
<h2>Skills</h2>
<p>Working on different languages and making projects. I had made more than 11 projects in different languages
also working or other 3 projects too.
</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>
<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>
<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 class="progress">
<span class="skill">PHP <i class="val">70%</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">Android <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>
</div>
</div>

<div class="progress">
<span class="skill">Flutter <i class="val">55%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="55" aria-valuemin="0" aria-valuemax="100">
</div>
</div>
</div>

<div class="progress">
<span class="skill">WordPress/WIX <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">75%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="55" aria-valuemin="0" aria-valuemax="100">
</div>
</div>
</div>

</div>

</div>

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

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

<div class="section-title">
<h2>Services</h2>
<p></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="">Projects</a></h4>
<p class="description">Working on different languages and creating projects. This projects are so easy to understand and codes are
understandable.
</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="">Companies</a></h4>
<p class="description">Helping many companies by doing their project works and documentations from home. Also helps the
employee correcting the code.
</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="">Community</a></h4>
<p class="description">By providing my all projects in GitHub and in my site as public, all can access and use that projects as
their projects.
</p>
</div>
</div>

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

<!-- ======= Contact Section ======= -->
<section id="contact" class="contact">
<div class="container">

<div class="section-title">
<h2>Contact</h2>
<p>Those who want to contact me can drop their details with a message in the below drop down section.</p>
</div>

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

<div class="col-lg-12 mt-5 mt-lg-0 d-flex align-items-stretch">
<form action="forms/contact.php" method="post" role="form" class="php-email-form">
<div class="form-row">
<div class="form-group col-md-6">
<label for="name">Your Name</label>
<input type="text" name="name" class="form-control" id="name" data-rule="minlen:4"
data-msg="Please enter at least 4 chars" />
<div class="validate"></div>
</div>
<div class="form-group col-md-6">
<label for="name">Your Email</label>
<input type="email" class="form-control" name="email" id="email" data-rule="email"
data-msg="Please enter a valid email" />
<div class="validate"></div>
</div>
</div>
<div class="form-group">
<label for="name">Subject</label>
<input type="text" class="form-control" name="subject" id="subject" data-rule="minlen:4"
data-msg="Please enter at least 8 chars of subject" />
<div class="validate"></div>
</div>
<div class="form-group">
<label for="name">Message</label>
<textarea class="form-control" name="message" rows="10" data-rule="required"
data-msg="Please write something for us"></textarea>
<div class="validate"></div>
</div>
<div class="mb-3">
<div class="loading">Loading</div>
<div class="error-message"></div>
<div class="sent-message">Your message has been sent. Thank you!</div>
</div>
<div class="text-center"><button type="submit">Send Message</button></div>
</form>
</div>

</div>

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

</main><!-- End #main -->

<!-- ======= Footer ======= -->
<footer id="footer">
<div class="container">
<div class="credits">Designed & Developed by <a href="https://www.incubateind.com/">IncubateIND</a> with ❤️
</div>
</div>
</footer><!-- End Footer -->

<a href="#" class="back-to-top"><i class="icofont-simple-up"></i></a>

<!-- Vendor JS Files -->
<script src="assets/vendor/jquery/jquery.min.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/jquery.easing/jquery.easing.min.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<script src="assets/vendor/waypoints/jquery.waypoints.min.js"></script>
<script src="assets/vendor/counterup/counterup.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/venobox/venobox.min.js"></script>
<script src="assets/vendor/owl.carousel/owl.carousel.min.js"></script>
<script src="assets/vendor/typed.js/typed.min.js"></script>
<script src="assets/vendor/aos/aos.js"></script>

<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>

</body>

</html>