Scribd
Upload
13 views26 pages

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
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
13 views26 pages

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
We take content rights seriously. If you suspect this is your content, claim it here.
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