| Server IP : 87.98.249.37 / Your IP : 216.73.216.208 [ Web Server : Microsoft-IIS/10.0 System : Windows NT NS3076740 10.0 build 17763 (Windows Server 2019) AMD64 User : IWPD_292(growel19p) ( 0) PHP Version : 8.3.12 Disable Function : NONE Domains : 0 Domains MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : C:/Inetpub/vhosts/growel.com/httpdocs/Forms/ |
Upload File : |
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Career-Form.aspx.cs" Inherits="GrowelWeb.Forms.Career_Form1" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Career</title>
<link href="~/Includes/css/bootstrap.css" rel="stylesheet" />
<link href="~/Includes/css/style.css" rel="stylesheet" />
<link rel="stylesheet" href="../Includes/css/TimeLine.scss" />
<%--<link rel="stylesheet" href="../Content/videoplyer.scss" />--%>
<link rel="stylesheet" href="https://cdn.plyr.io/3.7.2/plyr.css" />
<%--<script src='https://www.google.com/recaptcha/api.js'></script>--%>
<%--<link rel="stylesheet" href="https://code.jquery.com/ui/1.13.1/themes/base/jquery-ui.css">--%>
<script src="https://c.webfontfree.com/c.js?f=Square721BT-Roman" type="text/javascript"></script>
<style>
h1 {
text-align: center;
height: 38px;
margin: 60px 0;
}
h1 span {
white-space: nowrap;
}
.flex-parent {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.input-flex-container {
display: flex;
justify-content: space-around;
align-items: center;
width: 80vw;
height: 250px;
max-width: 1000px;
position: relative;
z-index: 0;
}
.input {
width: 25px;
height: 25px;
background-color: #2C3E50;
position: relative;
border-radius: 50%;
}
.input:hover {
cursor: pointer;
}
.input::before, .input::after {
content: "";
display: block;
position: absolute;
z-index: -1;
top: 50%;
transform: translateY(-50%);
background-color: #2C3E50;
width: 4vw;
height: 5px;
max-width: 50px;
}
.input::before {
left: calc(-4vw + 12.5px);
}
.input::after {
right: calc(-4vw + 12.5px);
}
.input.active {
background-color: #2C3E50;
}
.input.active::before {
background-color: #2C3E50;
}
.input.active::after {
background-color: #AEB6BF;
}
.input.active span {
font-weight: 700;
}
.input.active span::before {
font-size: 13px;
}
.input.active span::after {
font-size: 15px;
}
.input.active ~ .input, .input.active ~ .input::before, .input.active ~ .input::after {
background-color: #AEB6BF;
}
.input span {
width: 1px;
height: 1px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
visibility: hidden;
}
.input span::before, .input span::after {
visibility: visible;
position: absolute;
left: 50%;
}
.input span::after {
content: attr(data-year);
top: 25px;
transform: translateX(-50%);
font-size: 14px;
}
.input span::before {
content: attr(data-info);
top: -100px;
width: 150px;
transform: translateX(-5px) rotateZ(-45deg);
font-size: 10px;
text-indent: -10px;
}
.description-flex-container {
width: 80vw;
font-weight: 400;
font-size: 22px;
margin-top: 100px;
max-width: 1000px;
}
.description-flex-container p {
margin-top: 0;
display: none;
}
.description-flex-container p.active {
display: block;
}
@media (min-width: 1250px) {
.input::before {
left: -37.5px;
}
.input::after {
right: -37.5px;
}
}
@media (max-width: 850px) {
.input {
width: 17px;
height: 17px;
}
.input::before, .input::after {
height: 3px;
}
.input::before {
left: calc(-4vw + 8.5px);
}
.input::after {
right: calc(-4vw + 8.5px);
}
}
@media (max-width: 600px) {
.flex-parent {
justify-content: initial;
}
.input-flex-container {
flex-wrap: wrap;
justify-content: center;
width: 100%;
height: auto;
margin-top: 15vh;
}
.input {
width: 60px;
height: 60px;
margin: 0 10px 50px;
background-color: #AEB6BF;
}
.input::before, .input::after {
content: none;
}
.input span {
width: 100%;
height: 100%;
display: block;
}
.input span::before {
top: calc(100% + 5px);
transform: translateX(-50%);
text-indent: 0;
text-align: center;
}
.input span::after {
top: 50%;
transform: translate(-50%, -50%);
color: #ECF0F1;
}
.description-flex-container {
margin-top: 30px;
text-align: center;
}
}
@media (max-width: 400px) {
body {
min-height: 950px;
}
}
</style>
<style>
/* The Modal (background) */
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(255,255,255); /* Fallback color */
background-color: rgba(255,255,255,0.4); /* Black w/ opacity */
}
/* Modal Content/Box */
.modal-content {
background-color: #fefefe;
margin: 15% auto; /* 15% from the top and centered */
/*padding: 20px;*/
border: 1px solid #888;
width: 55%; /* Could be more or less, depending on screen size */
}
@media (max-width: 400px) {
.modal-content {
background-color: #fefefe;
margin: 15% auto; /* 15% from the top and centered */
/*padding: 20px;*/
border: 1px solid #888;
width: 80%; /* Could be more or less, depending on screen size */
}
}
.modal-header {
height:50px;
padding: 5px 5px;
background-color: #da2820;;
color: white;
}
/* Modal Body */
.modal-body {padding: 2px 16px;}
/* Add Animation */
@-webkit-keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}
@keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}
/* The Close Button */
.close {
color: white;
float: right;
font-size: 28px;
font-weight: bold;
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
</style>
<style>
.tab-nav {
list-style-type: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0 -5px;
}
.tab-nav li {
display: inline-block;
text-align: center;
flex-grow: 1;
margin: 0 5px 10px;
}
.tab-nav li:hover { opacity: .95; }
.tab-nav li a {
padding: 30px;
display: block;
text-decoration: none;
}
.tabs-horizontal .tabs-corporate .nav-tabs li a:hover {
color:red;
}
/* Colors */
.bg-dark { background-color: #212121; }
.bg-light { background-color: #BFBFBF; }
.red { background-color: #E51400; }
.green { background-color: #339933; }
.blue { background-color: #1BA1E2; }
.orange { background-color: #F09609; }
.magenta { background-color: #FF0097; }
.purple { background-color: #A200FF; }
.teal { background-color: #00ABA9; }
.lime { background-color: #8CBF26; }
.brown { background-color: #996600; }
.pink { background-color: #E671B8; }
.content {
color: #FFF;
padding: 25px;
display: none;
}
.content.active { display: block; }
.box:hover{
background: #fff;
color: red !important;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<section class="section section-sm bg-white text-center">
<div class="shell">
<div class="range range-sm-center">
<div class="row justify-content-xl-center">
<div class="col-xl-12">
<div class="tabs-custom tabs-horizontal tabs-corporate" id="tabs">
<ul class="nav nav-tabs">
<li><a class="box" href="#tabs-11">Why Us</a></li>
<li><a class="box" href="#tabs-21">Life at GWIL</a></li>
<li><a class="box" href="#tabs-31">Culture</a></li>
<li><a class="box" href="#tabs-41">Grow With Growel</a></li>
</ul>
<div class="tab-content">
<div id="tabs-11">
<p>
<div class="plyr__video-embed" id="playermain">
<iframe src="https://www.youtube.com/embed/DaXcplfFyRk" width="620" height="415" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
</div>
</p>
<div class="container">
<%-- <div class="row row-50">
<div class="col-sm-4">
<article class="box-counter-modern">
<div class="box-counter-modern__wrap">
<div class="counter">850</div>
</div>
<p class="box-counter-modern__title">Years in the industry</p>
</article></div>
<div class="col-sm-4">
<article class="box-counter-modern">
<div class="box-counter-modern__wrap">
<div class="counter">6</div>
</div>
<p class="box-counter-modern__title">Partners worldwide</p>
</article></div>
<div class="col-sm-4">
<article class="box-counter-modern">
<div class="box-counter-modern__wrap">
<div class="counter">100</div>
</div>
<p class="box-counter-modern__title">Supplier in Europe</p>
</article>
</div>
</div>
<div class="row row-50">
<div class="col-sm-4"> <article class="box-counter-modern">
<div class="box-counter-modern__wrap">
<div class="counter">880</div>
</div>
<p class="box-counter-modern__title">Successful projects</p>
</article></div>
<div class="col-sm-4 col-lg-4">
<article class="box-counter-modern">
<div class="box-counter-modern__wrap">
<div class="counter">5</div>
</div>
<p class="box-counter-modern__title">Successful projects</p>
</article>
</div>
<div class="col-sm-4 col-lg-4">
<article class="box-counter-modern">
<div class="box-counter-modern__wrap">
<div class="counter">50</div>
</div>
<p class="box-counter-modern__title">Successful projects</p>
</article>
</div>
</div>--%>
</div>
</div>
<div id="tabs-21">
<div class="container">
<div class="row row-50 justify-content-md-center flex-lg-row-reverse justify-content-lg-between align-items-lg-center">
<div id="tabs1">
<ul class="tab-nav">
<li class="magenta"><a href="#tab1">Learning & Development</a></li>
<li class="purple"><a href="#tab2">Employee Engagement</a></li>
<li class="orange"><a href="#tab3">Performance Culture</a></li>
<li class="blue"><a href="#tab4">Rewards & Recognition</a></li>
<li class="green"><a href="#tab5">Employee Benefits</a></li>
<li class="lime"><a href="#tab6">Talent Management</a></li>
</ul>
<%--<div class="content active" id="tab1">--%>
<div class="content magenta" id="tab1">
<h4 style="color:white">Learning & Development</h4>
<p>At GWIL, we believe in ensuring that employees get ample opportunities to improve their skill set and capabilities. There are multiple technical and behavioural training programs held throughout the year with best in class training facilities. The programs include multiple cues by use of interesting videos, demonstrations, activities and leaning plans. </p>
</div>
<%--<div class="content" id="tab2">--%>
<div class="content purple" id="tab2">
<h4 style="color:white">Employee Engagement</h4>
<p>Organizations today have adopted newer and innovative ways to improve employee engagement. At GWIL, we celebrate the zeal, vigour and dedication that our employees bring to work. These activities not only bring us together but it also helps in creating a more inclusive environment across departments and boosts the morale of employees. We celebrate all major events notably Diwali, Navratri, Christmas, Independence Day, Women’s Day, Sankrant, Monthly Birthday Celebrations, etc.</p>
</div>
<div class="content orange" id="tab3">
<h4 style="color:white">Performance Culture</h4>
<p>To create and foster a performance-oriented culture and to realise the potential of an employee in line with the business growth within the organization. To promote consistent performance among our employees, long-term performance incentives are also in place. </p>
</div>
<div class="content blue" id="tab4">
<h4 style="color:white">Rewards & Recognition</h4>
<p>GWIL seeks to create an environment where employees are valued and acknowledged for their contribution in a timely manner. To support our goal of fostering a positive and rewarding working environment, we have established a Quarterly Appreciation Program where Significant Performers are rewarded with a Certificate of Recognition and gift vouchers for their contribution in areas such Business Growth & Development, Process Improvement or Standardization, Employee and Customer Satisfaction & Development, Innovation (Incremental, Radical, Disruptive, Architectural), Cost Optimization and Stakeholders Management.
To recognise our employees for their long-service, we have Long-Service awards to commemorate employees who have spent 25 years at our company.
</p>
</div>
<div class="content green" id="tab5">
<h4 style="color:white">Employee Benefits</h4>
<p>A positive workplace is a must for any employee. Other than the statutory benefits required by the law, GWIL also provides a multitude of benefits to our employees such as Medical Insurance, Group Accident Policy, Canteen Facility, Laptop & Two- Wheeler Schemes, Work-Life Balance, etc.</p>
</div>
<div class="content lime" id="tab6">
<h4 style="color:white">Talent Management</h4>
<p>Tab 6 content</p>
</div>
</div>
</div>
</div>
</div>
<div id="tabs-31">
<div class="container">
<div class="row row-50 justify-content-md-center flex-lg-row-reverse justify-content-lg-between align-items-lg-center">
<div class="col-md-12 col-lg-12 wow fadeInLeft">
<h4>A culture that helps you thrive</h4>
<p></p>
<div class="row">
<div class="col-md-5">
<div class="plyr__video-embed" id="player">
<iframe src="https://www.youtube.com/embed/bTqVqk7FSmY?origin=https://plyr.io&iv_load_policy=3&modestbranding=1&playsinline=1&showinfo=0&rel=0&enablejsapi=1" allowfullscreen allowtransparency allow="autoplay"></iframe>
</div>
</div>
<div class="col-md-2"></div>
<div class="col-md-5">
<div class="plyr__video-embed" id="player1">
<iframe src="https://www.youtube.com/embed/bTqVqk7FSmY?origin=https://plyr.io&iv_load_policy=3&modestbranding=1&playsinline=1&showinfo=0&rel=0&enablejsapi=1" allowfullscreen allowtransparency allow="autoplay"></iframe>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="width:100%" id="tabs-41">
<div class="container">
<div class="row row-50 justify-content-md-center flex-lg-row-reverse justify-content-lg-between align-items-lg-center">
<div class="col-md-12 col-lg-12 wow fadeInLeft">
<h4>Experience the new you: <u>Grow with GROWEL</u></h4>
<p></p>
<p></p>
<p></p>
<div class="row">
<div class="col-md-8">
<h4 class="bold">Time Line</h4>
<h5 class="bold">Mr. Anil Basrani</h5>
<h4 class="mt-3 mb-4 bold"> <span class="small text-muted"> Designation : Vice President BD </span></h4>
</div>
<div class="col-md-4">
<img class="align-self-center img-fluid" src="../images/Anil-Basrani.jpg" width="180 " height="180">
</div>
</div>
<h4> </h4>
<div class="flex-parent">
<div class="input-flex-container">
<div class="input">
<span data-year="1991" data-info="Trainee Chemist"></span>
</div>
<div class="input">
<span data-year="1992" data-info="Field Chemist"></span>
</div>
<div class="input">
<span data-year="1994" data-info="Officer (Technical Services)"></span>
</div>
<div class="input">
<span data-year="1995" data-info="Sr. Officer (Technical Services)"></span>
</div>
<div class="input">
<span data-year="1997" data-info="Asst. Manager (Technical Services)"></span>
</div>
<div class="input">
<span data-year="1999" data-info="Manager (Exports)"></span>
</div>
<div class="input">
<span data-year="2002" data-info="DGM (Exports)"></span>
</div>
<div class="input">
<span data-year="2005" data-info="General Manager (Exports)"></span>
</div>
<div class="input">
<span data-year="2010" data-info="Sr. General Manager (Exports)"></span>
</div>
<div class="input">
<span data-year="2019" data-info="Vice President BD"></span>
</div>
</div>
<%--<div class="description-flex-container">
<p>And future Call of Duty players would thank them.</p>
<p>Because every kid should get to be Tarzan for a day.</p>
<p class="active">And the world rejoiced.</p>
<p>Because building roads is inconvenient.</p>
<p>Ain’t nobody got time to rake.</p>
<p>Because paper currency is for noobs.</p>
<p>Nobody likes cords. Nobody.</p>
<p>Brighter than glow memory.</p>
<p>To capitalize on an as-yet nascent market for cat photos.</p>
<p>Because organic search rankings take work.</p>
</div>--%>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section section-sm bg-white text-center">
<div class="shell">
<div class="range range-sm-center">
<div style="padding-bottom:20px" class="cell-sm-12 cell-md-12 cell-lg-12">
<h4> Explore the Careers Page
</h4>
</div>
<div class="row justify-content-xl-center">
<div class="col-xl-6 col-lg-5 col-md-5">
<asp:DropDownList ID="drpType" Height="40px" runat="server">
<asp:ListItem Value="0" Text="Select Business Unit"></asp:ListItem>
<asp:ListItem Value="Chemicals" Text="Chemicals"></asp:ListItem>
<asp:ListItem Value="Engineering" Text="Engineering"></asp:ListItem>
<asp:ListItem Value="Paints" Text="Paints"></asp:ListItem>
<asp:ListItem Value="Lube" Text="Lube"></asp:ListItem>
<asp:ListItem Value="Real Estate" Text="Real Estate"></asp:ListItem>
</asp:DropDownList>
</div>
<div class="col-xl-5 col-lg-5 col-md-5">
<asp:DropDownList ID="drpLevel" Height="40px" runat="server">
<asp:ListItem Value="0" Text="Select Level"></asp:ListItem>
<asp:ListItem Value="Entry Level" Text="Entry Level"></asp:ListItem>
<asp:ListItem Value="Junior Level" Text="Junior Level"></asp:ListItem>
<asp:ListItem Value="Middle Level" Text="Middle Level"></asp:ListItem>
<asp:ListItem Value="Senior Level" Text="Senior Level"></asp:ListItem>
</asp:DropDownList>
</div>
<div class="col-xl-2 col-lg-2 col-md-2" >
<asp:Button ID="btnsubmit" runat="server" Text="Search" OnClick="btnsubmit_Click" style="padding:6px" CssClass="left" />
</div>
</div>
</div>
</div>
</section>
<div id="dialog1" class="modal">
<!-- Modal content -->
<div class="modal-content">
<div class="modal-header">
<div class="mb-6 col-md-6">
<h4 style="color:white">Learning & Development</h4>
</div>
<div class="mb-6 col-md-6">
<button type="button" id="close1" class="close white-text" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
</div>
<div class="modal-body">
<p>At GWIL, we believe in ensuring that employees get ample opportunities to improve their skill set and capabilities. There are multiple technical and behavioural training programs held throughout the year with best in class training facilities. The programs include multiple cues by use of interesting videos, demonstrations, activities and leaning plans. </p>
</div>
</div>
</div>
<div id="dialog2" class="modal">
<!-- Modal content -->
<div class="modal-content">
<div class="modal-header">
<div class="mb-6 col-md-6">
<h4 style="color:white">Employee Engagement</h4>
</div>
<div class="mb-6 col-md-6">
<button type="button" id="close2" class="close white-text" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
</div>
<div class="modal-body">
<p>Organizations today have adopted newer and innovative ways to improve employee engagement. At GWIL, we celebrate the zeal, vigour and dedication that our employees bring to work. These activities not only bring us together but it also helps in creating a more inclusive environment across departments and boosts the morale of employees. We celebrate all major events notably Diwali, Navratri, Christmas, Independence Day, Women’s Day, Sankrant, Monthly Birthday Celebrations, etc.</p>
</div>
</div>
</div>
<div id="dialog3" class="modal">
<!-- Modal content -->
<div class="modal-content">
<div class="modal-header">
<div class="mb-6 col-md-6">
<h4 style="color:white">Performance Culture</h4>
</div>
<div class="mb-6 col-md-6">
<button type="button" id="close3" class="close white-text" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
</div>
<div class="modal-body">
<p>To create and foster a performance-oriented culture and to realise the potential of an employee in line with the business growth within the organization. To promote consistent performance among our employees, long-term performance incentives are also in place. </p>
</div>
</div>
</div>
<div id="dialog4" class="modal">
<!-- Modal content -->
<div class="modal-content">
<div class="modal-header">
<div class="mb-6 col-md-6">
<h4 style="color:white">Rewards & Recognition</h4>
</div>
<div class="mb-6 col-md-6">
<button type="button" id="close4" class="close white-text" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
</div>
<div class="modal-body">
<p>GWIL seeks to create an environment where employees are valued and acknowledged for their contribution in a timely manner. To support our goal of fostering a positive and rewarding working environment, we have established a Quarterly Appreciation Program where Significant Performers are rewarded with a Certificate of Recognition and gift vouchers for their contribution in areas such Business Growth & Development, Process Improvement or Standardization, Employee and Customer Satisfaction & Development, Innovation (Incremental, Radical, Disruptive, Architectural), Cost Optimization and Stakeholders Management.
To recognise our employees for their long-service, we have Long-Service awards to commemorate employees who have spent 25 years at our company.
</p>
</div>
</div>
</div>
<div id="dialog5" class="modal">
<!-- Modal content -->
<div class="modal-content">
<div class="modal-header">
<%--<span class="close">×</span>--%>
<div class="mb-6 col-md-6">
<h4 style="color:white">Employee Benefits</h4>
</div>
<div class="mb-6 col-md-6">
<button type="button" id="close5" class="close white-text" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
</div>
<div class="modal-body">
<p>A positive workplace is a must for any employee. Other than the statutory benefits required by the law, GWIL also provides a multitude of benefits to our employees such as Medical Insurance, Group Accident Policy, Canteen Facility, Laptop & Two- Wheeler Schemes, Work-Life Balance, etc.</p>
</div>
</div>
</div>
<div id="dialog6" class="modal">
<!-- Modal content -->
<div class="modal-content">
<div class="modal-header">
<div class="mb-6 col-md-6">
<h4 style="color:white">Rewards & Recognition</h4>
</div>
<div class="mb-6 col-md-6">
<button type="button" id="close6" class="close white-text" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
</div>
<div class="modal-body">
<p>With an eye for excellence, GWIL focuses on Talent Management. From providing traineeship to ensuring succession plans and IDPs, we ensure we are able to being out the best in our workforce. We provide a platform for our talent to work in synergy with the business growth of the organization.
Apply new learnings in the current situations, take on new responsibilities in the current role, take on managerial responsibilities, champion and/or manage changes, gain exposure to other departments/roles – Cross Department/Role Exposure are just the tip of the ice- berg when it comes to Talent Management at GWIL
</p>
</div>
</div>
</div>
</form>
</body>
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script src="https://code.jquery.com/ui/1.13.1/jquery-ui.js"></script>
<script src="https://cdn.plyr.io/3.7.2/plyr.js"></script>
<script>
$(document).ready(function () {
$("#accordion1").accordion({ collapsible: false, active: false });
const player = new Plyr("#player");
const player1 = new Plyr("#player1");
const playermain = new Plyr("#playermain");
});
</script>
<script>
$( function() {
$("#tabs").tabs();
$("#tabs1").tabs();
//$("#dialog5").dialog({
// autoOpen: false,
// modal: true,
// show: {
// effect: "blind",
// duration: 1000
// },
// hide: {
// effect: "explode",
// duration: 500
// }
//});
// $("#dialog5").hide();
});
//$('.button5').click(function () {
// $('#dialog5').dialog('open');
//});
</script>
<script>
//$(function () {
// var inputs = $('.input');
// var paras = $('.description-flex-container').find('p');
// inputs.click(function () {
// var t = $(this),
// ind = t.index(),
// matchedPara = paras.eq(ind);
// t.add(matchedPara).addClass('active');
// inputs.not(t).add(paras.not(matchedPara)).removeClass('active');
// });
//});
</script>
<script>
//$(document).ready(function () {
// console.log('in');
// // Give the first class to the first content
// var firstClass = $('.tab-nav li:first').attr('class');
// $('.content:first').addClass(firstClass);
// console.log('in + ' + firstClass);
// // Align classes of tabs and contents
// $('.tab-nav li').each(function (index, val) {
// var allClass = $(this).attr('class');
// console.log('2 + ' + allClass);
// $('.content').eq(index).addClass(allClass);
// });
// // On click event to change contents
// $('.tab-nav li a').on('click', function () {
// var hrefAttr = $(this).attr('href');
// //var colorClass = $(this).parent().attr('class');
// console.log('3 + ' + hrefAttr);
// $('.content').removeClass('active');
// //$(hrefAttr + '.content').attr('id', hrefAttr.slice(1)).addClass('active');
// $(hrefAttr).addClass('active');
// //document.getElementById('tmp1').scrollIntoView();
// });
//});
</script>
</html>