Techno - IT Solutions Business Consulting HTML5 Template

Techno - IT Solutions & Business Consulting HTML5 Template

Created: 2/01/2023

Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to open a new ticket at our Profile

Template Installation

  1. FTP Upload:
    • Open up your FTP manager and connect to your medical
    • Browse to required medical (Normally public_html)
    • Upload the files inside techno folder.

Pages

    • index.html is for Home version one
    • index-2.html is for home version two
    • index-3.html is for home version three
    • index-4.html is for home version four
    • index-5.html is for home version five
    • index-6.html is for home version six
    • index-7.html is for home version seven
    • index-8.html is for home version eight
    • index-9.html is for home version nine
    • index-10.html is for home version ten
    • index-11.html is for home version eleven
    • index-12.html is for home version twelve
    • index-13.html is for home version thirteen
    • index-14.html is for home version fourteen
    • index-15.html is for home version fivteen
    • index-16.html is for home version sixteen
    • index-17.html is for home version seventeen
    • index-18.html is for home version eightteen
    • index-rtl.html is for home version rtl
    • index-rtl2.html is for home version rtl two
    • data science.html is for home version data science
    • machine learning.html is for home version machine learning
    • affiliate-intelligent is for home version affiliate-intelligent
    • revulation-slider is for home version revulation-slider
    • revulation-slider2 is for home version revulation-slider2
    • Animation.html is for home version Animation
    • home-dark.html is for home version dark
    • landing-1.html is for home landing one
    • landing-2.html is for home landing two
    • landing-3.html is for home landing three
    • about.html is for about one
    • about-2.html is for about two
    • about-3.html is for about three
    • why-choose-us.html is for why-choose-us
    • service-1.html is for service one
    • service-2.html is for service two
    • service-3.html is for service three
    • service-4.html is for service four
    • service-details.html is for service details
    • team.html is for team page
    • team-details.html is for team-details page
    • pricing-1 is for pricing-1 page
    • testimonial.html is for testimonial page
    • business-solution.html is for business-solution page
    • case-study.html is for case-study page
    • case-study-details.html is for case-study-details page
    • interior-design.html is for interior-design page
    • it-service.html is for it-service page
    • managed-service.html is for managed-service page
    • marketing-strategy.html is for marketing-strategy page
    • portfolio.html is for portfolio page
    • product-design.html is for product-design page
    • product-selling.html is for product-selling page
    • social-marketing.html is for social-marketing page
    • faq.html is for faq page
    • blog-element.html is for blog-element page
    • brand-element.html is for brand-element page
    • call-do-action-element.html is for call-do-action-element page
    • case-study-element.html is for case-study-element page
    • counter-element.html is for counter-element page
    • info-box-element.html is for info-box-element page
    • pricing-element.html is for pricing-element page
    • process-element.html is for process-element page
    • service-element.html is for service-element page
    • team-element.html is for team-element page
    • testimonial-element.html is for testimonial-element page
    • 404.html is for error page
    • blog.html for blog
    • blog-list.html for blog list
    • blog-left-sideber.html for blog left sideber
    • blog-right-sideber.html for blog right sideber
    • blog-details.html for blog details page
    • contact-one.html for contact-one page
    • contact-two.html for contact-two page
    • contact-three.html for contact-three page
    • contact-four.html for contact-four page
    • contact-five.html for contact-five page
    • contact-six.html for contact-six page

Fonts

	<!-- FONTS
	============================================ -->

@import url('https://fonts.googleapis.com/css2?family=Muli:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

Source File (CSS)

	

<!-- Favicon -->
<link rel="icon" type="image/png" sizes="56x56" href="assets/images/fav-icon/icon.png">
<!-- bootstrap CSS -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css" type="text/css" media="all" />
<!-- carousel CSS -->
<link rel="stylesheet" href="assets/css/owl.carousel.min.css" type="text/css" media="all" /> 
<!-- responsive CSS -->
<link rel="stylesheet" href="assets/css/responsive.css" type="text/css" media="all" />
<!-- nivo-slider CSS -->
<link rel="stylesheet" href="assets/css/nivo-slider.css" type="text/css" media="all" />
<!-- animate CSS -->
<link rel="stylesheet" href="assets/css/animate.css" type="text/css" media="all" /> 
<!-- animated-text CSS -->
<link rel="stylesheet" href="assets/css/animated-text.css" type="text/css" media="all" /> 
<!-- font-awesome CSS -->
<link type="text/css" rel="stylesheet" href="assets/fonts/font-awesome/css/font-awesome.min.css">
<!-- font-flaticon CSS -->
<link rel="stylesheet" href="assets/css/flaticon.css" type="text/css" media="all" /> 
<!-- theme-default CSS -->
<link rel="stylesheet" href="assets/css/theme-default.css" type="text/css" media="all" /> 
<!-- meanmenu CSS -->
<link rel="stylesheet" href="assets/css/meanmenu.min.css" type="text/css" media="all" /> 
<!-- Main Style CSS -->
<link rel="stylesheet" href="style.css" type="text/css" media="all" />
<!-- transitions CSS -->
<link rel="stylesheet" href="assets/css/owl.transitions.css" type="text/css" media="all" />
<!-- venobox CSS -->
<link rel="stylesheet" href="venobox/venobox.css" type="text/css" media="all" />
<!-- widget CSS -->
<link rel="stylesheet" href="assets/css/widget.css" type="text/css" media="all" />
<!-- modernizr js --> 
<script type="text/javascript" src="assets/js/vendor/modernizr-3.5.0.min.js"></script>

Source File (JS)

<!-- jquery js --> 
<script type="text/javascript" src="assets/js/vendor/jquery-3.2.1.min.js"></script>
<!-- bootstrap js --> 
<script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
<!-- carousel js -->
<script type="text/javascript" src="assets/js/owl.carousel.min.js"></script>
<!-- counterup js -->
<script type="text/javascript" src="assets/js/jquery.counterup.min.js"></script>
<!-- waypoints js -->
<script type="text/javascript" src="assets/js/waypoints.min.js"></script>
<!-- wow js -->
<script type="text/javascript" src="assets/js/wow.js"></script>
<!-- imagesloaded js -->
<script type="text/javascript" src="assets/js/imagesloaded.pkgd.min.js"></script>
<!-- venobox js -->
<script type="text/javascript" src="venobox/venobox.js"></script>
<!-- ajax mail js -->
<script type="text/javascript" src="assets/ajax-mail.js"></script>
<!-- testimonial js --> 
<script type="text/javascript" src="assets/js/testimonial.js"></script>
<!-- animated-text js --> 
<script type="text/javascript" src="assets/js/animated-text.js"></script>
<!-- venobox min js -->
<script type="text/javascript" src="venobox/venobox.min.js"></script>
<!-- isotope js -->
<script type="text/javascript" src="assets/js/isotope.pkgd.min.js"></script>
<!-- jquery nivo slider pack js -->
<script type="text/javascript" src="assets/js/jquery.nivo.slider.pack.js"></script>
<!-- jquery meanmenu js --> 
<script type="text/javascript" src="assets/js/jquery.meanmenu.js"></script>
<!-- jquery scrollup js --> 
<script type="text/javascript" src="assets/js/jquery.scrollUp.js"></script>
<!-- theme js --> 
<script type="text/javascript" src="assets/js/theme.js"></script>
<!-- jquery js -->

Main Contact Form

<div class="quote_wrapper">
<form id="contact_form" action="mail.php" method="POST" >
<div class="row">
<div class="col-lg-6">
<div class="form_box mb-30">
<input type="text" name="name" placeholder="Name">
</div>
</div>
<div class="col-lg-6">
<div class="form_box mb-30">
<input type="email" name="email" placeholder="Email Address">
</div>
</div>
<div class="col-lg-6">
<div class="form_box mb-30">
<input type="text" name="phone" placeholder="Phone Number">
</div>
</div>
<div class="col-lg-6">
<div class="form_box mb-30">
<input type="text" name="web" placeholder="Website">
</div>
</div>

<div class="col-lg-12">
<div class="form_box mb-30">
<textarea name="message" id="message" cols="30" rows="10" placeholder="Write a Message"></textarea>
</div>
<div class="quote_btn text_center">
<button class="btn" type="submit">Free Consultancy</button>
</div>
</div>
</div>
</form>
<p class="form-message"></p>
</div>

Appointment Form

<div class="appointment">
<div class="sign-up-form-wrap p-5">
<div class="sign-up-form-header text-center mb-4">
<h4 class="appointment_title mb-2">Make An Appointment</h4>
<p>Get in touch and discover how we can help. We aim to be in touch</p>
</div>
<form action="#" method="post" class="sign-up-form">
<div class="form-group input-group">
<input type="text" name="name" class="form-control" placeholder="Your Name" required>
</div>
<div class="form-group input-group">
<input type="email" name="email" class="form-control" placeholder="Your Email" required>
</div>
<div class="form-group input-group">
<input type="text" name="phone" class="form-control" placeholder="Phone Number" required>
</div>
<div class="form-group">
<input type="submit" name="submit" id="submit" class="btn" value="Send">
</div>
<div class="form-check d-flex align-items-center text-center"></div>
</form>

</div>
</div>

Mail Customization

How to Change Email

Customization

How to Change Logo

How to Change copyright text

 

Thanks

Once again thank you for purchasing one of our Templates

Best Regards

techno