| Current File : /home/tradevaly/demo.tradevaly.com.bd/content/Tradevaley Bootstrap project/add-company-form.html |
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="widtd=device-widtd, initial-scale=1, shrink-to-fit=no">
<title>Tradevaly</title>
<!--========= Font ==========-->
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet" />
<link href="css/all.min.css" rel="stylesheet" type="text/css" />
<!--========= Font ==========-->
<!--========= CSS ==========-->
<link rel="stylesheet" href="css/bootstrap.min.css"/>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/owl.carousel.min.css" rel="stylesheet" type="text/css" />
<link href="css/responsive.css" rel="stylesheet" type="text/css" />
<!--========= CSS ==========-->
</head>
<body>
<!--Start Top Bar Area-->
<div class="container-fluid top-bar dsply-mobile px-md-4">
<div class="row">
<div class="col-md-9 pl-md-3">
<!-- <nav class="top-nav"> -->
<nav class="nav top-nav">
<a class="nav-link" href="#"><i class="fa fa-user-circle"></i> About us</a>
<a class="nav-link" href="#"><i class="fa fa-envelope"></i> Contact us</a>
<a class="nav-link" href="#"><i class="fa fa-headset"></i> Customer Support</a>
<a class="nav-link" href="#"><i class="fa fa-download"></i> Download App</a>
<a class="nav-link" href="#"><i class="fa fa-rss-square"></i> Blog</a>
<a class="nav-link" href="#"><i class="fa fa-briefcase"></i> Career</a>
</nav>
<!-- </nav> -->
</div>
<div class="col-md-3">
<div class="text-center">
<a class="btn btn-sm login-btn" href="#" role="button">Login</a>
<a class="btn btn-sm login-btn" href="#" role="button">Sign Up</a>
</div>
</div>
</div>
</div>
<!--Start Header Area-->
<div class="container-fluid px-md-4 mainnav sticky-top">
<div class="row">
<div class="col-9 col-md-2 col-lg-3 hdrimage">
<a href="#"><img src="images/logo.png" alt=""></a>
</div>
<div class="col-3 col-md-10 col-lg-9 dsplay-all">
<nav class="navbar navbar-expand-md navbar-light">
<!--Start Menu Area-->
<div class="collapse navbar-collapse"> <!-- mobileNav -->
<ul class="navbar-nav main_menu">
<li class="nav-item">
<a class="nav-link" href="#"><i class="fa fa-search pr-md-2"></i>Search by Company</a>
</li>
<li class="nav-item">
<a class="nav-link" href="buy-sell.html" target="_blank"><i class="fa fa-shopping-cart pr-md-2"></i>Buying/Selling</a>
</li>
<li class="nav-item">
<a class="nav-link" href="recommends.html" target="_blank"><i class="far fa-bell pr-md-2"></i><blink>Recommends</blink></a>
</li>
<li class="nav-item">
<a class="nav-link" href="advetise.html" target="_blank"><i class="fas fa-ad pr-md-2"></i>Advertise</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><i class="far fa-address-book pr-md-2"></i>Add Company</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><i class="fas fa-newspaper pr-md-2"></i>Latest News</a>
</li>
</ul>
</div>
</nav>
</div>
<div class="col-3 col-xl-9 dsplay-hide">
<nav class="navbar navbar-light">
<!--Start Mobile Menu Button Area-->
<button class="navbar-toggler mt-4" type="button" data-toggle="collapse" data-target="#tradevaleymenubar" aria-controls="tradevaleymenubar" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon text-right"></span>
</button>
<!--Start Menu Area-->
<div class="collapse navbar-collaps mobileNav" id="tradevaleymenubar">
<ul class="navbar-nav mobilemenu">
<li class="nav-item">
<a class="nav-link" href="#"><i class="fa fa-search pr-2"></i>Search by Company</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><i class="fa fa-shopping-cart pr-2"></i>Buying/Selling</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><i class="far fa-bell pr-2"></i><blink>Recommended</blink></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><i class="fas fa-ad pr-2"></i>Advertise</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><i class="far fa-address-book pr-2"></i>Add Company</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><i class="fas fa-newspaper pr-2"></i>Latest News</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
</div>
<!--End Header Area-->
<!--Start advertise Area-->
<div class="advertise-area fix">
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<div class="info-box">
<h2 class="info-hdng">Listed your company on tradevaly.com</h2>
<p class="txt-01">Tradevaly is an emerging B2B business directory online portal in Bangladesh. E-nawabpur connects people with great local businesses. We provide a location based and authentic data technology platform dedicated to improving business and easy communicate with potential customers. We are gathering information about businesses and places, sorting and placing it into different categories yet enriched with additional information. If you want to EXPLORE your business/services with e-nawabpur.com and reach a wide range of customers then here is a chance for you to see the light of the day.
</p>
</div>
</div>
<div class="col-md-12">
<!--Start advertise Area-->
<!-- Container Fluid-->
<div class="row">
<div class="col-lg-12">
<!-- Form Basic -->
<div class="card mb-4">
<div class="card-header card-header-modify py-3 d-flex flex-row align-items-center justify-content-between">
<h6 class="m-0 font-weight-bold text-heading-bar">Add New Company</h6>
</div>
<div class="card-body">
<!-- -->
<form method="POST" action="https://demo.tradevaly.com.bd/companies" accept-charset="UTF-8" enctype="multipart/form-data" id="saveSompany"><input name="_token" type="hidden" value="3vucGHjp66QQJge3F2SJ6O00WFwZbNnOVuxDqStG">
<div class="row">
<div class="form-group col-sm-4">
<label for="exampleInputEmail1">Company Name<span style="color: red"> *</span></label>
<div>
<input placeholder="Enter company name" class="form-control company_name" name="company_name" type="text">
<span class="invalid-feedback alert-company_name" role="alert" style="font-weight: bold;"></span>
</div>
</div>
<div class="form-group col-sm-4">
<label for="exampleInputEmail1">Contact Person Name<span style="color: red"> *</span></label>
<div>
<input placeholder="Enter contact person name" class="form-control person_name" name="person_name" type="text">
<span class="invalid-feedback alert-person_name" role="alert" style="font-weight: bold;"></span>
</div>
</div>
<div class="form-group col-sm-4">
<label for="exampleInputEmail1">Designation</label>
<div>
<input placeholder="Enter designation" class="form-control designation" name="designation" type="text">
<span class="invalid-feedback alert-designation" role="alert" style="font-weight: bold;"></span>
</div>
</div>
<div class="form-group col-sm-4">
<label for="exampleInputEmail1">Country<span style="color: red"> *</span></label>
<div>
<select id="country_ids" class="js-example-basic-multiple js-states form-control select2-hidden-accessible country_ids" tabindex="-1" aria-hidden="true" single name="country_id"><option value="">Select Country</option><option value="1">Bangladesh</option><option value="2">India</option><option value="3">USA</option><option value="4">Singapore</option></select>
<span class="invalid-feedback alert-country_ids" role="alert" style="font-weight: bold;"></span>
</div>
</div>
<div class="form-group col-sm-4">
<label for="exampleInputEmail1">City<span style="color: red"> *</span></label>
<div>
<select id="city_id" class="js-example-basic-multiple js-states form-control select2-hidden-accessible city_ids" tabindex="-1" aria-hidden="true" single name="city_id"><option value="">Select City</option></select>
<span class="invalid-feedback alert-city_ids" role="alert" style="font-weight: bold;"></span>
</div>
</div>
<div class="form-group col-sm-4 price_type_normal">
<label for="exampleInputEmail1">Mobile No.<span style="color: red"> *</span>
</label>
<div class="input-group mb-3">
<div class="input-group-prepend">
<span class="input-group-text calling-code">Code</span>
</div>
<input placeholder="Enter mobile no" class="form-control mobile" name="mobile" type="text">
</div>
<span class="invalid-feedback alert-mobile" role="alert" style="font-weight: bold;"></span>
</div>
<div class="form-group col-sm-4">
<label for="exampleInputEmail1">Alternative Mobile No.</label>
<div>
<input placeholder="Enter alternative mobile no" class="form-control alt_mobile" name="alt_mobile" type="text">
<span class="invalid-feedback alert-alt_mobile" role="alert" style="font-weight: bold;"></span>
</div>
</div>
<div class="form-group col-sm-4">
<label for="exampleInputEmail1">Telephone No.</label>
<div>
<input placeholder="Enter telephone no" class="form-control tel" name="tel" type="text">
<span class="invalid-feedback alert-tel" role="alert" style="font-weight: bold;"></span>
</div>
</div>
<div class="form-group col-sm-4">
<label for="exampleInputEmail1">Email</label>
<div>
<input placeholder="Enter email" class="form-control email" name="email" type="text">
<span class="invalid-feedback alert-email" role="alert" style="font-weight: bold;"></span>
</div>
</div>
<div class="form-group col-sm-4">
<label for="exampleInputEmail1">Alternative Email</label>
<div>
<input placeholder="Enter alternative email" class="form-control alt_email" name="alt_email" type="text">
<span class="invalid-feedback alert-alt_email" role="alert" style="font-weight: bold;"></span>
</div>
</div>
<div class="form-group col-sm-4">
<label for="exampleInputEmail1">Website</label>
<div>
<input placeholder="Ex: https://www.google.com/" class="form-control website" name="website" type="url">
<span class="invalid-feedback alert-website" role="alert" style="font-weight: bold;"></span>
</div>
</div>
<div class="form-group col-sm-4">
<label for="exampleInputEmail1">Established Year</label>
<div>
<select id="year_id" class="js-example-basic-multiple js-states form-control select2-hidden-accessible year_id" tabindex="-1" aria-hidden="true" single name="year_id"><option value="">Select Established Year</option><option value="1">2000</option><option value="2">2001</option><option value="3">2002</option><option value="4">2014</option></select>
<span class="invalid-feedback alert-year_id" role="alert" style="font-weight: bold;"></span>
</div>
</div>
<div class="form-group col-sm-12">
<label for="exampleInputEmail1">Address<span style="color: red"> *</span></label>
<div>
<input placeholder="Enter address" class="form-control address" name="address" type="text">
<span class="invalid-feedback alert-address" role="alert" style="font-weight: bold;"></span>
</div>
</div>
<div class="form-group col-sm-6">
<label for="exampleInputEmail1"> Latitude</label>
<div>
<input placeholder="Enter latitude" class="form-control latitude" name="latitude" type="text">
<span class="invalid-feedback alert-latitude" role="alert" style="font-weight: bold;"></span>
</div>
</div>
<div class="form-group col-sm-6">
<label for="exampleInputEmail1"> Longitude</label>
<div>
<input placeholder="Enter longitude" class="form-control longitude" name="longitude" type="text">
<span class="invalid-feedback alert-longitude" role="alert" style="font-weight: bold;"></span>
</div>
</div>
<div class="form-group col-sm-12">
<label for="exampleInputEmail1"> Google Map URL</label>
<div>
<input placeholder="Ex: https://goo.gl/maps/b3XmtuHttoJ6SMZ39" class="form-control google_map_url" name="google_map_url" type="url">
<span class="invalid-feedback alert-longitude" role="alert" style="font-weight: bold;"></span>
</div>
</div>
<div class="form-group col-sm-4">
<label for="exampleInputEmail1">Package<span style="color: red"> *</span></label>
<div>
<select id="package_id" class="js-example-basic-multiple js-states form-control select2-hidden-accessible package_id" tabindex="-1" aria-hidden="true" single name="package_id"><option value="">Select Package</option><option value="1">Basic Listing</option><option value="2">Premium Listing</option></select>
<span class="invalid-feedback alert-package_id" role="alert" style="font-weight: bold;"></span>
</div>
</div>
<div class="form-group col-sm-4">
<label for="exampleInputEmail1">Expire Date</label>
<div>
<input placeholder="" class="form-control exp_date" disabled name="exp_date" type="text">
<span class="invalid-feedback alert-exp_date" role="alert" style="font-weight: bold;"></span>
</div>
</div>
<div class="form-group col-sm-4">
<label for="exampleInputEmail1">Company Logo (<span class="image-label-highlight">Max Size: 500KB</span>)</label>
<div>
<input class="form-control logo" onchange="previewImage("logo", "previewImg", "logo")" name="logo" type="file">
<span class="invalid-feedback alert-logo" role="alert" style="font-weight: bold;"></span>
<img id="previewImg" src="" alt="">
</div>
</div>
<div class="form-group col-sm-4">
<label for="exampleInputEmail1">Photo Galley 1 (<span class="image-label-highlight">Max Size: 500KB</span>)</label>
<div>
<input class="form-control galleries1" onchange="previewImage("galleries1", "previewGal1Img", "galleries1")" name="gallery1" type="file">
<span class="invalid-feedback alert-galleries1" role="alert" style="font-weight: bold;"></span>
<img id="previewGal1Img" src="" alt="">
</div>
</div>
<div class="form-group col-sm-4">
<label for="exampleInputEmail1"> Photo Galley 2 (<span class="image-label-highlight">Max Size: 500KB</span>)</label>
<div>
<input class="form-control galleries2" onchange="previewImage("galleries2", "previewGal2Img", "galleries2")" name="gallery2" type="file">
<span class="invalid-feedback alert-galleries2" role="alert" style="font-weight: bold;"></span>
<img id="previewGal2Img" src="" alt="">
</div>
</div>
<div class="form-group col-sm-4">
<label for="exampleInputEmail1"> Photo Galley 3 (<span class="image-label-highlight">Max Size: 500KB</span>)</label>
<div>
<input class="form-control galleries3" onchange="previewImage("galleries3", "previewGal3Img", "galleries3")" name="gallery3" type="file">
<span class="invalid-feedback alert-galleries3" role="alert" style="font-weight: bold;"></span>
<img id="previewGal3Img" src="" alt="">
</div>
</div>
<div class="form-group col-sm-4">
<label for="exampleInputEmail1">Youtube Video Galley 1</label>
<div>
<input placeholder="Ex: https://youtu.be/GK4YolHRKoc" class="form-control youtube_url" name="youtube_url_one" type="text">
<span class="invalid-feedback alert-youtube_url" role="alert" style="font-weight: bold;"></span>
</div>
</div>
<div class="form-group col-sm-4">
<label for="exampleInputEmail1">Youtube Video Galley 2</label>
<div>
<input placeholder="Ex: https://youtu.be/GK4YolHRKoc" class="form-control youtube_url" name="youtube_url_two" type="text">
<span class="invalid-feedback alert-youtube_url" role="alert" style="font-weight: bold;"></span>
</div>
</div>
<div class="form-group col-sm-4">
<label for="exampleInputEmail1">Youtube Video Galley 3</label>
<div>
<input placeholder="Ex: https://youtu.be/GK4YolHRKoc" class="form-control youtube_url" name="youtube_url_three" type="text">
<span class="invalid-feedback alert-youtube_url" role="alert" style="font-weight: bold;"></span>
</div>
</div>
<div class="form-group col-sm-12">
<label for="exampleInputEmail1">Brand</label>
<div>
<select id="brand_id" class="js-example-basic-multiple js-states form-control select2-hidden-accessible brand_ids" tabindex="-1" aria-hidden="true" multiple name="brand_ids[]"><option value="">Select Brand</option><option value="1">Walton</option><option value="2">TVS</option><option value="3">HP</option><option value="4">Klenco</option><option value="5">Hoover</option><option value="6">Sefar</option></select>
<span class="invalid-feedback alert-brand_ids" role="alert" style="font-weight: bold;"></span>
</div>
</div>
<div class="form-group col-sm-12">
<label for="exampleInputEmail1">Company Category<span style="color: red"> *</span></label>
<div>
<select id="company_category_ids" class="js-example-basic-multiple js-states form-control select2-hidden-accessible company_category_ids" tabindex="-1" aria-hidden="true" multiple name="company_category_ids[]"><option value="">Select Company Category</option><option value="1">Importer</option><option value="2">Wholesaler</option><option value="3">Dealer</option><option value="4">Retailer</option><option value="5">Manufacture</option><option value="6">C&F Agents</option><option value="7">Indenting Agents</option><option value="8">Marketing Agency</option><option value="9">Advertising Agency</option><option value="10">Suppliers</option><option value="11">Transport Agency</option><option value="12">ISO Consultant</option><option value="13">Buying House</option><option value="14">Seller</option></select>
<span class="invalid-feedback alert-company_category_ids" role="alert" style="font-weight: bold;"></span>
</div>
</div>
<div class="form-group col-sm-4">
<label for="exampleInputEmail1">Product Top Category<span style="color: red"> *</span></label>
<div>
<select id="product_top_category" class="js-example-basic-multiple js-states form-control select2-hidden-accessible product_top_category" tabindex="-1" aria-hidden="true" multiple detect="0" name="product_category_id[]"><option value="">Select Top Category</option><option value="1">Mechanical Engineering</option><option value="2">Electrical & Electronics</option><option value="3">Industrial Machinery</option><option value="4">Industrial Chemicals</option><option value="5">Tools & Hardware</option><option value="6">Plastic & Rubber</option><option value="7">Services To Industries</option><option value="8">Printing & Packaging</option><option value="9">Security & Protection</option><option value="10">Food & Beverage</option><option value="11">Automobile & Accessories</option><option value="12">Construction & Decoration</option></select>
<span class="invalid-feedback alert-product_top_category" role="alert" style="font-weight: bold;"></span>
</div>
</div>
<div class="form-group col-sm-4">
<label for="exampleInputEmail1">Sub Category</label>
<div>
<select id="sub_category" class="js-example-basic-multiple js-states form-control select2-hidden-accessible sub_category" tabindex="-1" aria-hidden="true" multiple detect="0" name="second_step_cat_id[]"><option value=""></option></select>
<span class="invalid-feedback alert-sub_category" role="alert" style="font-weight: bold;"></span>
</div>
</div>
<div class="form-group col-sm-4">
<label for="exampleInputEmail1">Child1 Category</label>
<div>
<select id="3rd_cat_id" class="child1_category js-example-basic-multiple js-states form-control select2-hidden-accessible" tabindex="-1" aria-hidden="true" multiple detect="0" name="third_step_cat_id[]"><option value=""></option></select>
<span class="invalid-feedback alert-child1_category" role="alert" style="font-weight: bold;"></span>
</div>
</div>
<div class="form-group col-sm-4">
<label for="exampleInputEmail1">Child2 Category</label>
<div>
<select id="child2_category" class="child2_category js-example-basic-multiple js-states form-control select2-hidden-accessible" tabindex="-1" aria-hidden="true" multiple name="fourth_step_cat_id[]"><option value=""></option></select>
<span class="invalid-feedback alert-child2_category" role="alert" style="font-weight: bold;"></span>
</div>
</div>
<div class="form-group col-sm-12">
<label for="exampleInputEmail1">Related Company</label>
<div>
<select id="related_company" class="js-example-basic-multiple js-states form-control select2-hidden-accessible related_company" tabindex="-1" aria-hidden="true" multiple name="related_company[]"><option value="">Select Related Company</option><option value="1">AB Group Of Company</option><option value="2">Babu Group</option><option value="3">Ahsan Group</option><option value="9">Ahsan Group Of Company</option><option value="12">Duster Limited</option><option value="14">Advance System Engineering</option><option value="16">Sefar India Private Limited</option></select>
<span class="invalid-feedback alert-related_company" role="alert" style="font-weight: bold;"></span>
</div>
</div>
<div class="form-group col-sm-12">
<label for="exampleInputEmail1">Short Summery<span style="color: red"> *</span></label>
<div>
<textarea placeholder="Enter short summery" class="short_summery form-control" cols="5" rows="5" name="short_summery"></textarea>
<span class="invalid-feedback alert-short_summery" role="alert" style="font-weight: bold;"></span>
</div>
</div>
<div class="form-group col-sm-12">
<label for="exampleInputEmail1">About Company</label>
<div>
<textarea placeholder="Enter about your company" class="form-control content" cols="5" rows="5" name="about_company"></textarea>
<span class="invalid-feedback alert-about_company" role="alert" style="font-weight: bold;"></span>
</div>
</div>
<div class="form-group col-sm-3">
<label for="exampleInputEmail1">Feature Company</label>
<div>
<input class="feature_company" name="feature_company" type="checkbox" value="1">
<span class="invalid-feedback alert-feature_company" role="alert" style="font-weight: bold;"></span>
</div>
</div>
<div class="form-group col-sm-3">
<label for="exampleInputEmail1">Special Offer Email</label>
<div>
<input class="special_email_offer" name="special_email_offer" type="checkbox" value="1">
<span class="invalid-feedback alert-special_email_offer" role="alert" style="font-weight: bold;"></span>
</div>
</div>
<div class="form-group col-sm-3">
<label for="exampleInputEmail1">Membership Agreement</label>
<div>
<input class="membership_agreements" name="membership_agreements" type="checkbox" value="1">
<span class="invalid-feedback alert-membership_agreements" role="alert" style="font-weight: bold;"></span>
</div>
</div>
</div>
<button type="submit" class="btn">Submit</button>
</form>
</div>
</div>
</div>
</div>
<!--Row-->
</div><!--End advertise Area-->
</div>
</div>
</div><!--End advertise Area-->
<!--Start Footer Area-->
<div class="pagination-area">
<div class="container">
<div class="row">
<div class="col-12">
<div class="hdng-05"><b>Search Product Alphabetically</b></div>
<ul>
<li><a class="selected" href="#">a</a></li>
<li><a href="#">b</a></li>
<li><a href="#">c</a></li>
<li><a href="#">d</a></li>
<li><a href="#">e</a></li>
<li><a href="#">f</a></li>
<li><a href="#">g</a></li>
<li><a href="#">h</a></li>
<li><a href="#">i</a></li>
<li><a href="#">j</a></li>
<li><a href="#">k</a></li>
<li><a href="#">l</a></li>
<li><a href="#">m</a></li>
<li><a href="#">n</a></li>
<li><a href="#">o</a></li>
<li><a href="#">p</a></li>
<li><a href="#">q</a></li>
<li><a href="#">r</a></li>
<li><a href="#">s</a></li>
<li><a href="#">t</a></li>
<li><a href="#">u</a></li>
<li><a href="#">v</a></li>
<li><a href="#">w</a></li>
<li><a href="#">x</a></li>
<li><a href="#">y</a></li>
<li><a href="#">z</a></li>
</ul>
</div>
</div>
</div>
</div>
<footer>
<div class="container-fluid px-md-4 pt-5" style="background-color: #1d262d;">
<div class="row">
<div class="col-12 col-md-3 col-lg-3">
<div class="footer-nav">
<h6 class="h6 text-light">REGIONAL DIRECTORIES</h6>
<ul class="list-group list-group-flush">
<a href="#" class="list-group-item-action active" aria-current="true">
tde current link item
</a>
<a href="#" class="list-group-item-action">A second link item</a>
<a href="#" class="list-group-item-action">A tdird link item</a>
<a href="#" class="list-group-item-action">A fourtd link item</a>
<a href="#" class="list-group-item-action">A disabled link item</a>
</ul>
</div>
</div>
<div class="col-12 col-md-3 col-lg-3">
<div class="footer-nav">
<h6 class="h6 text-light">REGIONAL DIRECTORIES</h6>
<ul class="list-group list-group-flush">
<a href="#" class="list-group-item-action active" aria-current="true">
tde current link item
</a>
<a href="#" class="list-group-item-action">A second link item</a>
<a href="#" class="list-group-item-action">A tdird link item</a>
<a href="#" class="list-group-item-action">A fourtd link item</a>
<a href="#" class="list-group-item-action">A disabled link item</a>
</ul>
</div>
</div>
<div class="col-12 col-md-3 col-lg-3">
<div class="footer-nav">
<h6 class="h6 text-light">REGIONAL DIRECTORIES</h6>
<ul class="list-group list-group-flush">
<a href="#" class="list-group-item-action active" aria-current="true">
tde current link item
</a>
<a href="#" class="list-group-item-action">A second link item</a>
<a href="#" class="list-group-item-action">A tdird link item</a>
<a href="#" class="list-group-item-action">A fourtd link item</a>
<a href="#" class="list-group-item-action">A disabled link item</a>
</ul>
</div>
</div>
<div class="col-12 col-md-3 col-lg-3">
<div class="footer-nav-4">
<a href="#"><img src="images/footer-logo.png" class="pt-2" alt="Footer Logo" width="100%"></a>
<h6 class="h6 text-light pt-3">FOLLOW US ON</h6>
<ul class="footerSocial">
<a href="#"><img src="images/fb.png" alt="Facebook" /></a>
<a href="#"><img src="images/gp.png" alt="Google Plus" /></a>
<a href="#"><img src="images/in.png" alt="Linkdin" /></a>
<a href="#"><img src="images/twtr.png" alt="Tweeter" /></a>
<a href="#"><img src="images/insta.png" alt="Instagram" /></a>
</ul>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row copyWright">
<div class="col-12">
<p>Copyright ©2021 | tradevaly.com | All rights reserved.</p>
</div>
</div>
</div>
</footer>
<!--========= JS ==========-->
<script src="js/jquery-3.3.1.slim.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/active.js"></script>
<!--========= JS ==========-->
<script>
function openCity(evt, cityName) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");
}
document.getElementById(cityName).style.display = "block";
evt.currentTarget.className += " active";
}
// Get the element with id="defaultOpen" and click on it
document.getElementById("defaultOpen").click();
</script>
<!--========= Script ==========-->
</body>
</html>