Scribd
Upload
4 views

Project 1

The document is an HTML template for a personal portfolio website belonging to Priyanshi Kakadiya, a B.TECH student in Computer Branch. It includes sections about her skills, hobbies, education, and certificates, along with a navigation menu and a main banner introducing her. The design incorporates various CSS styles and images to enhance the visual appeal of the site.

Uploaded by

g0h1vipivag2
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
4 views

Project 1

The document is an HTML template for a personal portfolio website belonging to Priyanshi Kakadiya, a B.TECH student in Computer Branch. It includes sections about her skills, hobbies, education, and certificates, along with a navigation menu and a main banner introducing her. The design incorporates various CSS styles and images to enhance the visual appeal of the site.

Uploaded by

g0h1vipivag2
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 26

<!

DOCTYPE html>
<html lang="en">

<head>

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1,
shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link
href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;40
0;500;600;700;800;900&display=swap" rel="stylesheet">

<title>Priyanshi Kakadiya</title>

<!-- Bootstrap core CSS -->


<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

<!-- Additional CSS Files -->


<link rel="stylesheet" href="assets/css/fontawesome.css">
<link rel="stylesheet" href="assets/css/templatemo-onix-digital.css">
<link rel="stylesheet" href="assets/css/animated.css">
<link rel="stylesheet" href="assets/css/owl.css">

<!--

TemplateMo 565 Onix Digital

https://templatemo.com/tm-565-onix-digital

-->
</head>

<body>

<!-- ***** Preloader Start ***** -->


<div id="js-preloader" class="js-preloader">
<div class="preloader-inner">
<span class="dot"></span>
<div class="dots">
<span></span>
<span></span>
<span></span>
</div>
</div>
</div>
<!-- ***** Preloader End ***** -->

<!-- ***** Header Area Start ***** -->


<header class="header-area header-sticky wow slideInDown"
data-wow-duration="0.75s" data-wow-delay="0s">
<div class="container">
<div class="row">
<div class="col-12">
<nav class="main-nav">
<!-- ***** Logo Start ***** -->
<a href="index.html" class="logo">
<img src="assets/images/logo.png">
</a>
<!-- ***** Logo End ***** -->
<!-- ***** Menu Start ***** -->
<ul class="nav">
<li class="scroll-to-section"><a href="#top"
class="active">About</a></li>
<li class="scroll-to-section"><a href="#services">Skill &
Hobbies</a></li>
<li class="scroll-to-section"><a
href="#about">Education</a></li>
<li class="scroll-to-section"><a
href="#portfolio">Portfolio</a></li>
<li class="scroll-to-section"><a
href="#video">Project</a></li>
<li class="scroll-to-section"><a href="#contact">Contact
Me</a></li>
<li class="scroll-to-section"><a href="#contact">Contact
Me</a></li>
</ul>
<a class='menu-trigger'>
<span>Menu</span>
</a>
<!-- ***** Menu End ***** -->
</nav>
</div>
</div>
</div>
</header>
<!-- ***** Header Area End ***** -->

<div class="main-banner" id="top">


<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="row">
<div class="col-lg-6 align-self-center">
<div class="owl-carousel owl-banner">
<div class="item header-text">
<h6>Little Bit about myself</h6>
<h2>Hello... It's <em> Priyanshi</em> here
<span>Welcomes </span>you</h2>
<p>i am student of B.TEACH in Computer Branch.</p>
</div>
<div class="item header-text">
<h6>Web Devloper</h6>
<h2>Get the <em>best </em> of <span>me</span></h2>
<p>A designer knows he has achieved perfection not when
there is nothing left to add, but when there is nothing left to take
away.</p>
</div>
<div class="item header-text">
<h6>Dreamres</h6>
<h2>Who <em>Keeps Learning</em> Stays
<span>Young.</span></h2>
<p> I make my work look good & have experience in the
Web Design.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div id="services" class="our-services section">


<div class="services-right-dec">
<img src="assets/images/services-right-dec.png" alt="">
</div>
<div class="container">
<div class="services-left-dec">
<img src="assets/images/services-left-dec.png" alt="">
</div>
<div class="row">
<div class="col-lg-6 offset-lg-3">
<div class="section-heading">
<h2>My <em> Skill </em> and <span> Hobbies </span></h2>
<span>Skill & Hobbies</span>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="owl-carousel owl-services">
<div class="item">
<h4>Learn More about me</h4>
<div class="icon"><img
src="assets/images/service-icon-01.png" alt=""></div>
<p>I like to read books</p>
</div>
<div class="item">
<h4>Develop The Best Strategy for follow my dreans</h4>
<div class="icon"><img
src="assets/images/service-icon-02.png" alt=""></div>
<p>Dance is my passion</p>
</div>
<div class="item">
<h4>I like Design and Development</h4>
<div class="icon"><img
src="assets/images/service-icon-03.png" alt=""></div>
<p>Design is thinking made visual</p>
</div>
<div class="item">
<h4>Discover &amp; Explore new things</h4>
<div class="icon"><img
src="assets/images/service-icon-04.png" alt=""></div>
<p>there is no age limit for learning</p>
</div>
<div class="item">
<h4>Listening music</h4>
<div class="icon"><img
src="assets/images/service-icon-01.png" alt=""></div>
<p>Where words fail, music speaks.</p>
</div>
<div class="item">
<h4>Painting</h4>
<div class="icon"><img
src="assets/images/service-icon-02.png" alt=""></div>
<p>Painting is poetry that is seen rather than felt</p>
</div>
<div class="item">
<h4>Traveling</h4>
<div class="icon"><img
src="assets/images/service-icon-03.png" alt=""></div>
<p>The journey of a thousand miles begins with a single
step</p>
</div>
<div class="item">
<h4>Writing</h4>
<div class="icon"><img
src="assets/images/service-icon-04.png" alt=""></div>
<p>You can make anything by writing</p>
</div>
<div class="item">
<h4>Photography</h4>
<div class="icon"><img
src="assets/images/service-icon-01.png" alt=""></div>
<p>A good photograph is knowing where to stand</p>
</div>
<div class="item">
<h4>Learning languages</h4>
<div class="icon"><img
src="assets/images/service-icon-02.png" alt=""></div>
<p>Language is the primary tool for expression and
communication</p>
</div>
<div class="item">
<h4>Yoga &amp; Excercise</h4>
<div class="icon"><img
src="assets/images/service-icon-03.png" alt=""></div>
<p>Yoga and Excercise is give peace to your mind</p>
</div>
<div class="item">
<h4>Doing puzzles</h4>
<div class="icon"><img
src="assets/images/service-icon-04.png" alt=""></div>
<p>It's improve our mind </p>
</div>
</div>
</div>
</div>
</div>
</div>

<!-- ***** skillbar start ***** -->

<!-- ***** skillbar end***** -->

<div id="about" class="about-us section">


<div class="container">
<div class="row">
<div class="col-lg-6 align-self-center">
<div class="left-image">
<img src="assets/images/about-left-image.png" alt="Two Girls
working together">
</div>
</div>
<div class="col-lg-6">
<div class="section-heading">
<h2>My education <em> Primary, SSC</em> &amp;
<span>HSC</span>Details</h2>
<p> Primary School, Secondary School Certificate Exam (SSC)
and Higher Secondary School Certificate Exam (HSC).</p>
<div class="row">
<div class="col-lg-4">
<div class="fact-item">
<div class="count-area-content">
<div class="icon">
<img src="assets/images/service-icon-01.png" alt="">
</div>
<div class="count-digit">PS</div>
<div class="count-title">2017</div>
<p>I Complete my Primary Education From School
Rajkot.</p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="fact-item">
<div class="count-area-content">
<div class="icon">
<img src="assets/images/service-icon-02.png" alt="">
</div>
<div class="count-digit">SSC</div>
<div class="count-title">2019</div>
<p>I Complete My Secondary Education From School.</p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="fact-item">
<div class="count-area-content">
<div class="icon">
<img src="assets/images/service-icon-03.png" alt="">
</div>
<div class="count-digit">HSC</div>
<div class="count-title">2021</div>
<p>I Complete My Higher Education From School.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div id="portfolio" class="our-portfolio section">


<div class="portfolio-left-dec">
<img src="assets/images/portfolio-left-dec.png" alt="">
</div>
<div class="container">
<div class="row">
<div class="col-lg-6 offset-lg-3">
<div class="section-heading">
<h2>My all <em>Certificates</em> &amp; some
<span>Tutorials</span></h2>
<span>My Portfolio</span>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
<div class="owl-carousel owl-portfolio">
<div class="item">
<div class="thumb">
<img src="assets/certificate/imag1.png" alt="">
<div class="hover-effect">
<div class="inner-content">
<a rel="sponsored"
href="https://templatemo.com/tm-564-plot-listing" target="_parent"><h4>1st
Certificate</h4></a>
<span>CSS (CORSERA)</span>
</div>
</div>
</div>
</div>
<div class="item">
<div class="thumb">
<img src="assets/certificate/imag2.png" alt="">
<div class="hover-effect">
<div class="inner-content">
<a href="#"><h4>2nd Certificate</h4></a>
<span>DS (GREAT LEARING)</span>
</div>
</div>
</div>
</div>
<div class="item">
<div class="thumb">
<img src="assets/certificate/imag3.png" alt="">
<div class="hover-effect">
<div class="inner-content">
<a rel="sponsored"
href="https://templatemo.com/tm-562-space-dynamic"
target="_parent"><h4>3rd Certificate</h4></a>
<span>HTML (SOLOLEARN)</span>
</div>
</div>
</div>
</div>
<div class="item">
<div class="thumb">
<img src="assets/certificate/imag4.png" alt="">
<div class="hover-effect">
<div class="inner-content">
<a href="#"><h4>4th Certificate</h4></a>
<span>CSS3 (Infosys)</span>
</div>
</div>
</div>
</div>
<div class="item">
<div class="thumb">
<img src="assets/certificate/imag5.png" alt="">
<div class="hover-effect">
<div class="inner-content">
<a href="#"><h4>5th Certificate</h4></a>
<span>HTML5 (Infosys)</span>
</div>
</div>
</div>
</div>
<div class="item">
<div class="thumb">
<img src="assets/certificate/imag6.png" alt="">
<div class="hover-effect">
<div class="inner-content">
<a href="#"><h4>6th Certificate</h4></a>
<span>JAVASCRIPT (Infosys)</span>
</div>
</div>
</div>
</div>
<div class="item">
<div class="thumb">
<img src="assets/certificate/imag7.png" alt="">
<div class="hover-effect">
<div class="inner-content">
<a href="#"><h4>7th Certificate</h4></a>
<span>PYTHON (CISCO)</span>
</div>
</div>
</div>
</div>
<div class="item">
<div class="thumb">
<img src="assets/certificate/imag8.png" alt="">
<div class="hover-effect">
<div class="inner-content">
<a href="#"><h4>8th Certificate</h4></a>
<span>Java SE 8 Features</span>
</div>
</div>
</div>
</div>
<div class="item">
<div class="thumb">
<img src="assets/certificate/imag9.png" alt="">
<div class="hover-effect">
<div class="inner-content">
<a href="#"><h4>9th Certificate</h4></a>
<span>Java Language Features</span>
</div>
</div>
</div>
</div>
<div class="item">
<div class="thumb">
<img src="assets/certificate/imag10.png" alt="">
<div class="hover-effect">
<div class="inner-content">
<a href="#"><h4>10th Certificate</h4></a>
<span>Java Programming Fundamentals</span>
</div>
</div>
</div>
</div>
<div class="item">
<div class="thumb">
<img src="assets/images/portfolio-04.jpg" alt="">
<div class="hover-effect">
<div class="inner-content">
<a href="#"><h4>Project Certificate</h4></a>
<span>SEO &amp; Marketing</span>
</div>
</div>
</div>
</div>
<div class="item">
<div class="thumb">
<img src="assets/images/portfolio-04.jpg" alt="">
<div class="hover-effect">
<div class="inner-content">
<a href="#"><h4>12th Certificate</h4></a>
<span>SEO &amp; Marketing</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<!-- ***** Tutorial***** -->

<div id="portfolio" class="our-portfolio section">


<div class="portfolio-left-dec">

</div>
<div class="container">
<div class="row">
<div class="col-lg-6 offset-lg-3">
<div class="section-heading">
<h2>My all <em>Tutorials</em> </h2>
<span>Tutorials</span>
</div>
</div>
</div>
</div>

<section id='Tutorials' class='Tutorials-section section' >


<div class="colorlib-narrow-content">
<div class="row">

<div class="col-md-6 col-md-offset-3 col-md-pull-3 animate-box"


data-animate-effect="fadeInLeft">
<div class='section-header text-center' >

<div class='container' >


<div class='row' >
<div class='col-md-6 col-md-offset-3' >
<div class='section-header text-center' >

<div class="section-header text-left">


<p>

</p>

</div>
<!--divider-->
<div class='divider-draft center'
></div>
<!--/divider-->

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

</div>

<span class="heading-meta"></span>

</div>
</div>
<div class="row">
<div class="col-lg-4 col-sm-6 mt-5">
<div class="team-block-single">
<div class="team-grids">
<a href="#">
<img src="assets/certificate/j1.jpg"
class="img-fluid" alt="">
</a>
</div>
<div class="team-bottom-block p-4">
<h5 class="member mb-1"><a href="">Tutorial 1</a></h5>
<div class="mt-1">
<a href="Tutorials/tutorial1.html" class="btn
btn-outline-info mt-1" target="_blank">Check now</a>

<a href="Tutorials/tutorial1.zip" class="btn


btn-outline-danger mt-1 ml-2"><i
class="fa fa-download"></i> Download</a>
</div>
</div>
</div>
</div>

<div class="col-lg-4 col-sm-6 mt-5">


<div class="team-block-single">
<div class="team-grids">
<a href="#">
<img src="assets/certificate/j1.jpg"
class="img-fluid" alt="">
</a>
</div>
<div class="team-bottom-block p-4">
<h5 class="member mb-1 active"><a href="">Tutorial
2</a></h5>
<div class="mt-1">
<a href="Tutorials/tutorial 2/login.html" class="btn
btn-outline-info mt-1" target="_blank">Check now</a>
<a href="Tutorials/tutorial 2.zip" class="btn
btn-outline-danger mt-1 ml-2"><i
class="fa fa-download"></i> Download</a>
</div>
</div>
</div>
</div>

<div class="col-lg-4 col-sm-6 mt-5">


<div class="team-block-single">
<div class="team-grids">
<a href="#">
<img src="assets/certificate/j1.jpg" class="img-fluid"
alt="">
</a>
</div>
<div class="team-bottom-block p-4">
<h5 class="member mb-1 active"><a href="">Tutorial
4</a></h5>
<div class="mt-1">
<a href="Tutorials/tutorial 4/tutorial4.html"
class="btn btn-outline-info mt-1" target="_blank">Check now</a>
<a href="Tutorials/tutorial 4.zip" class="btn
btn-outline-danger mt-1 ml-2"><i
class="fa fa-download"></i> Download</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 mt-5">
<div class="team-block-single">
<div class="team-grids">
<a href="#">
<img src="assets/certificate/j1.jpg" class="img-fluid"
alt="">
</a>
</div>
<div class="team-bottom-block p-4">
<h5 class="member mb-1 active"><a href="">Tutorial
5</a></h5>
<div class="mt-1">
<a href="Tutorials/tutorial 5/tutorial5.html" class="btn
btn-outline-info mt-1" target="_blank">Check now</a>
<a href="Tutorials/tutorial 5.zip" class="btn
btn-outline-danger mt-1 ml-2"><i
class="fa fa-download"></i> Download</a>
</div>
</div>
</div>
</div>

<div class="col-lg-4 col-sm-6 mt-5">


<div class="team-block-single">
<div class="team-grids">
<a href="#">
<img src="assets/certificate/j1.jpg"
class="img-fluid" alt="">
</a>
</div>
<div class="team-bottom-block p-4">
<h5 class="member mb-1 active"><a href="">Tutorial
6</a></h5>
<div class="mt-1">
<a href="Tutorials/tutorial 2/login.html" class="btn
btn-outline-info mt-1" target="_blank">Check now</a>
<a href="Tutorials/tutorial 2.zip" class="btn
btn-outline-danger mt-1 ml-2"><i
class="fa fa-download"></i> Download</a>
</div>
</div>
</div>
</div>

<div class="col-lg-4 col-sm-6 mt-5">


<div class="team-block-single">
<div class="team-grids">
<a href="#">
<img src="assets/certificate/j1.jpg" class="img-fluid"
alt="">
</a>
</div>
<div class="team-bottom-block p-4">
<h5 class="member mb-1 active"><a href="">Tutorial
7</a></h5>
<div class="mt-1">
<a href="Tutorials/tutorial 7/index.html" class="btn
btn-outline-info mt-1" target="_blank">Check now</a>
<a href="Tutorials/tutorial 7.zip" class="btn
btn-outline-danger mt-1 ml-2"><i
class="fa fa-download"></i> Download</a>
</div>

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

<div class="col-lg-4 col-sm-6 mt-5">


<div class="team-block-single">
<div class="team-grids">
<a href="#">
<img src="assets/certificate/j1.jpg" class="img-fluid"
alt="">
</a>
</div>
<div class="team-bottom-block p-4">
<h5 class="member mb-1 active"><a href="">Tutorial 8</a></h5>
<div class="mt-1">
<a href="Tutorials/tutorial 8/index.html" class="btn
btn-outline-info mt-1" target="_blank">Check now</a>
<a href="Tutorials/tutorial 8.zip" class="btn
btn-outline-danger mt-1 ml-2"><i
class="fa fa-download"></i> Download</a>
</div>
</div>
</div>
</div>

<div class="col-lg-4 col-sm-6 mt-5">


<div class="team-block-single">
<div class="team-grids">
<a href="#">
<img src="assets/certificate/j1.jpg" class="img-fluid"
alt="">
</a>
</div>
<div class="team-bottom-block p-4">
<h5 class="member mb-1 active"><a href="">Tutorial 9</a></h5>
<div class="mt-1">
<a href="Tutorials/tutorial 9/index.html" class="btn
btn-outline-info mt-1" target="_blank">Check now</a>
<a href="Tutorials/tutorial 9.zip" class="btn
btn-outline-danger mt-1 ml-2"><i
class="fa fa-download"></i> Download</a>
</div>
</div>
</div>
</div>

<div class="col-lg-4 col-sm-6 mt-5">


<div class="team-block-single">
<div class="team-grids">
<a href="#">
<img src="assets/certificate/j1.jpg" class="img-fluid"
alt="">
</a>
</div>
<div class="team-bottom-block p-4">
<h5 class="member mb-1 active"><a href="">Tutorial 10</a></h5>
<div class="mt-1">
<a href="Tutorials/tutorial-10/tutorial-10" class="btn
btn-outline-info mt-1" target="_blank">Check now</a>
<a href="Tutorials/tutorial-10.zip" class="btn
btn-outline-danger mt-1 ml-2"><i
class="fa fa-download"></i> Download</a>
</div>
</div>
</div>
</div>

</div>
</div>
</section>

<!-- ***** Tutorial End***** -->

<div id="pricing" class="pricing-tables">


<div class="tables-left-dec">
<img src="assets/images/tables-left-dec.png" alt="">
</div>
<div class="tables-right-dec">
<img src="assets/images/tables-right-dec.png" alt="">
</div>
</div>

<div id="video" class="our-videos section">

<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="naccs">
<div class="grid">
<div class="row">
<div class="col-lg-8">
<ul class="nacc">
<li class="active">
</li>
<li>
<div>

</li>
<li>

</li>
<li>
<div>

</li>
</ul>
</div>
<div class="col-lg-4">
<div class="menu">
<div class="active">
<div class="thumb">
<img src="assets/images/video-thumb-01.png"
alt="">
<div class="inner-content">
<h4>Project One</h4>
<span>SEO &amp; Marketing</span>
</div>
</div>
</div>
<div>
<div class="thumb">
<img src="assets/images/video-thumb-02.png"
alt="">
<div class="inner-content">
<h4>Second Project</h4>
<span>Advertising &amp; Marketing</span>
</div>
</div>
</div>
<div>
<div class="thumb">
<img src="assets/images/video-thumb-03.png"
alt="Marketing">
<div class="inner-content">
<h4>Project Three</h4>
<span>Digital &amp; Marketing</span>
</div>
</div>
</div>
<div>
<div class="thumb">
<img src="assets/images/video-thumb-04.png"
alt="SEO Work">
<div class="inner-content">
<h4>Fourth Project</h4>
<span>SEO &amp; Advertising</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div id="contact" class="contact-us section">


<div class="container">
<div class="row">
<div class="col-lg-7">
<div class="section-heading">
<h2>Feel free to <em>Contact</em> us via the <span>HTML
form</span></h2>
<div class="info">
<span><i class="fa fa-phone"></i> <a
href="#">090-080-0760<br></a></span>
<span><i class="fa fa-envelope"></i> <a
href="#">[email protected]<br></a></span>
</div>
</div>
</div>
<div class="col-lg-5 align-self-center">
<form id="contact" action="" method="get">
<div class="row">
<div class="col-lg-12">
<fieldset>
<input type="name" name="name" id="name"
placeholder="Name" autocomplete="on" required>
</fieldset>
</div>
<div class="col-lg-12">
<fieldset>
<input type="surname" name="surname" id="surname"
placeholder="Surname" autocomplete="on" required>
</fieldset>
</div>
<div class="col-lg-12">
<fieldset>
<input type="text" name="email" id="email" pattern="[^
@]*@[^ @]*" placeholder="Your Email" required="">
</fieldset>
</div>

<div class="col-lg-12">
<fieldset>
<button type="submit" id="form-submit"
class="main-button">Submit Request</button>
</fieldset>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="contact-dec">
<img src="assets/images/contact-dec.png" alt="">
</div>
<div class="contact-left-dec">
<img src="assets/images/contact-left-dec.png" alt="">
</div>
</div>

<div class="footer-dec">
<img src="assets/images/footer-dec.png" alt="">
</div>

<footer>
<div class="container">
<div class="row">
<div class="col-lg-3">
<div class="about footer-item">
<div class="logo">
<a href="#"><img src="assets/images/logo.png" alt="Onix
Digital TemplateMo"></a>
</div>
<a href="#">[email protected]</a>
<ul>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-behance"></i></a></li>
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
</ul>
</div>
</div>

<div class="col-lg-12">
<div class="copyright">
<p>
<br>
Designed by <a rel="nofollow" href="https://templatemo.com"
title="free CSS templates">Priyanshi</a></p>
</div>
</div>
</div>
</div>
</footer>

<!-- Scripts -->


<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/owl-carousel.js"></script>
<script src="assets/js/animation.js"></script>
<script src="assets/js/imagesloaded.js"></script>
<script src="assets/js/custom.js"></script>

<script>
// Acc
$(document).on("click", ".naccs .menu div", function() {
var numberIndex = $(this).index();

if (!$(this).is("active")) {
$(".naccs .menu div").removeClass("active");
$(".naccs ul li").removeClass("active");

$(this).addClass("active");
$(".naccs ul").find("li:eq(" + numberIndex +
")").addClass("active");

var listItemHeight = $(".naccs ul")


.find("li:eq(" + numberIndex + ")")
.innerHeight();
$(".naccs ul").height(listItemHeight + "px");
}
});
</script>
</body>
</html>

You might also like