index.html

<!DOCTYPE html>
<html lang="en">
<head>
	<title>Sancript</title>
	<meta charset="UTF-8">
	<meta name="description" content="Unica University Template">
	<meta name="keywords" content="event, unica, creative, html">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<link href="icon-fonts/favicon.ico" rel="shortcut icon"/>
	<link href="https://fonts.googleapis.com/css?family=Rubik:400,400i,500,500i,700,700i" rel="stylesheet">

	<link rel="stylesheet" href="css/bootstrap.min.css"/>
	<link rel="stylesheet" href="css/font-awesome.min.css"/>
	<link rel="stylesheet" href="css/animate.css"/>
	<link rel="stylesheet" href="css/owl.carousel.css"/>
	<link rel="stylesheet" href="css/style.css"/>

</head>
<body>
	<div id="preloder">
		<div class="loader"></div>
	</div>
	<header id="header" id="home">
		<div class="container main-menu">
			<div class="row align-items-center justify-content-between d-flex">
				<div id="logo">
					<a href="index.html"><img src="img/logo.png" width="30" height="30" alt="" title="" />
						Sanscript
					</a>
				</div>
				<nav id="nav-menu-container">
					<ul class="nav-menu">
						<li><a href="index.html">Home</a></li>
						<li><a href="about.html">About</a></li>
						<li><a href="courses.html">Courses</a></li>
						<li><a href="events.html">Events</a></li>			          					          		          
			        <li><a href="#Contact">Contact</a></li>
			    </ul>
			</nav>	    		
		</div>
	</div>
</header>

<section class="hero-section overlay-bg">
	<div class="hero-slider owl-carousel">
		<div class="hs-item set-bg" data-setbg="img/hero-slider/3.jpg">
			<div class="hs-text">
				<div class="container">
					<div class="row">
						<div class="col-lg-8">
							<div class="hs-subtitle" style="background: rgba(0, 0, 0, 0.7);  padding: 5%">Platform where you build free Projects</div>
							<h2 class="hs-title" style="background: rgba(0, 0, 0, 0.7);  padding: 5%">We are providing free projects building classes</p>
							<div class="site-btn">GET STARTED</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="hs-item set-bg" data-setbg="img/hero-slider/2.jpg">
			<div class="hs-text">
				<div class="container">
					<div class="row">
						<div class="col-lg-8">
							<div class="hs-subtitle" style="background: rgba(0, 0, 0, 0.7);  padding: 5%">Sanscript open source Learning Platform</div>
							<h2 class="hs-title" style="background: rgba(0, 0, 0, 0.7);  padding: 5%">We have proffesionl mentors providing classes in all technology</p>
							<div class="site-btn">GET STARTED</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>

<section id="feature" class="section-gap">
	<div class="container">
		<div class="row d-flex justify-content-center">
			<div class="menu-content pb-70 col-lg-8">
				<div class="title text-center">
					<h1 class="mb-10">Popular Services we offer</h1>
					<p>We provide free services with Real time projects</p>
				</div>
			</div>
		</div>
		<div class="row">

			<div class="col-md-4 col-sm-4">
				<div class="feature-thumb">
					<span>01</span>
					<h3>Trending Courses</h3>
					<p>We are providing free best online classes of future skills</p>
				</div>
			</div>

			<div class="col-md-4 col-sm-4">
				<div class="feature-thumb">
					<span>02</span>
					<h3>Best Online Teaching</h3>
					<p>In fast pace world , digital education is important to rebuild the missing skills working in team under Experiened mentors</p>
				</div>
			</div>
			<div class="col-md-4 col-sm-4">
				<div class="feature-thumb">
					<span>03</span>
					<h3>Real Time Project Build</h3>
					<p>our mentor provide real time project building classes in all technology</p>
				</div>
			</div>
		</div>
	</div>
</section>

<section class="enroll-section spad set-bg" data-setbg="img/enroll.jpg">
	<div class="container">
		<div class="row">
			<div class="col-lg-5">
				<div class="section-title text-white">
					<h3>Three simple steps to get started</h3>
					<p>Get started with us to explore the exciting</p>
				</div>
				<div class="enroll-list text-white">
					<div class="enroll-list-item">
						<span>1</span>
						<h5>Contact</h5>
						<p>please contact us for wokring with our open source commuity members</p>
					</div>
					<div class="enroll-list-item">
						<span>2</span>
						<h5>Consulting</h5>
						<p>We have experienced mentor for all project consulation</p>
					</div>
					<div class="enroll-list-item">
						<span>3</span>
						<h5>Register</h5>
						<p>Register for free </p>
					</div>
				</div>
			</div>
			<div class="col-lg-6 offset-lg-1 p-lg-0 p-4">
				<img src="img/enrollment.jpg" alt="">
			</div>
		</div>
	</div>
</section>

<section class="popular-course-area section-gap">
	<div class="container">
		<div class="row d-flex justify-content-center">
			<div class="menu-content pb-70 col-lg-8">
				<div class="title text-center">
					<h1 class="mb-10">Popular Courses we offer</h1>
					<p>There is a moment in the life of any aspiring.</p>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="active-popular-carusel owl-carousel">
				<div class="single-popular-carusel">
					<div class="thumb-wrap relative">
						<div class="thumb relative">
							<div class="overlay overlay-bg"></div>
							<img class="img-fluid" src="img/course/7.jpg" alt="">
						</div>
					</div>
					<div class="details">
						<a href="#">
							<h4>

							</h4>
						</a>
						<p>

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

				<div class="single-popular-carusel">
					<div class="thumb-wrap relative">
						<div class="thumb relative">
							<div class="overlay overlay-bg"></div>
							<img class="img-fluid" src="img/course/3.jpg" alt="">
						</div>
					</div>
					<div class="details">
						<a href="#">
							<h4>

							</h4>
						</a>
						<p>

						</p>
					</div>
				</div>
				<div class="single-popular-carusel">
					<div class="thumb-wrap relative">
						<div class="thumb relative">
							<div class="overlay overlay-bg"></div>
							<img class="img-fluid" src="img/course/4.jpg" alt="">
						</div>
					</div>
					<div class="details">
						<a href="#">
							<h4>

							</h4>
						</a>
						<p>

						</p>
					</div>
				</div>
				<div class="single-popular-carusel">
					<div class="thumb-wrap relative">
						<div class="thumb relative">
							<div class="overlay overlay-bg"></div>
							<img class="img-fluid" src="img/course/5.jpg" alt="">
						</div>
					</div>
					<div class="details">
						<a href="#">
							<h4>

							</h4>
						</a>
						<p>

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

<section>
	<div class="container">
        <div class="row justify-content-center mb-5 pb-5">
          <div class="col-md-7 heading-section text-center ftco-animate">
            <h1 class="big big-2">Recent Posts</h1>
          </div>
        </div>
        <div class="row d-flex">
          <div class="col-md-4 d-flex ftco-animate">
          	<div class="blog-entry justify-content-end">
				<a href="https://www.linkedin.com/posts/sanscript_hiring-interns-web-activity-6704396633444036609-tua3"><img class="img-fluid" src="img/intern.png" alt="Intern Image"></a>
              <div class="text mt-3 float-right d-block">
                <h3 class="heading"><a href="https://www.linkedin.com/posts/sanscript_hiring-interns-web-activity-6704396633444036609-tua3">Hiring Interns For different Roles!</a></h3>
                <div class="d-flex align-items-center mb-3 meta">
	                <p class="mb-0">
	                	<span class="mr-2">Sept 9, 2020</span>
	                	<a class="mr-2">Admin</a>
	                </p>
            </div>
        </div>
        </div>
      </div>
</section>

<section class="admition-area padding-50-50 bg-theme">
	<div class="container">
		<div class="row flex-v-center">
			<div class="col-md-6 col-lg-6 col-sm-6 col-xs-12">
				<div class="admition-content xs-center xs-mb30">
					<h3 class="xs-font20">Registrations are now open</h3>
					<p>Sanscript one of the open source platform for students providing free education and real time project building courses from Highly experienced mentor.</p>
				</div>
			</div>
			<div class="col-md-6 col-lg-6 col-sm-6 col-xs-12">
				<div class="enroll-button right xs-center">
					<a href="#">Enroll Now</a>
				</div>
			</div>
		</div>
	</div>
</section>

<footer class="footer-section">
	<div class="container footer-top" id="Contact">
		<div class="row">
			<div class="col-sm-6 col-lg-3 footer-widget">
				<div class="about-widget">
					<img src="img/logo.png" width="60" height="60" alt="">
					<p>Sanscript one of the open source platform for students providing free education and real time project building courses from Highly experienced mentor </p>
					<div class="social pt-1">
						<a href="https://mobile.twitter.com/Sanscriptindia"><i class="fa fa-twitter-square"></i></a>
						<a href="https://facebook.com/sanscriptindia"><i class="fa fa-facebook-square"></i></a>
						<a href="https://www.linkedin.com/company/sanscript"><i class="fa fa-linkedin-square"></i></a><br><br>
						<a href="https://www.instagram.com/sanscriptindia/"><i class="fa fa-instagram-square"></i></a>
						<a href="https://www.youtube.com/channel/UC4kapSYmu_pLVy7zIWSwRYw"><i class="fa fa-youtube-square"></i></a>
						<a href="https://github.com/sanscript-tech"><i class="fa fa-github-square"></i></a>
					</div>
				</div>
			</div>
			<div class="col-sm-6 col-lg-3 footer-widget">
				<h6 class="fw-title"></h6>
				<div class="dobule-link">
					<h2 style="color: white;" class="ftco-heading-2">Links</h2><br>
					<ul>
						<li><a href="index.html">Home</a></li>
						<li><a href="about.html">About</a></li>
						<li><a href="courses.html">Courses</a></li>
						<li><a href="events.html">Events</a></li>
						
					</ul>
					<ul>
						<li><a href="privacy.html">Privacy & Policy</a></li>
						<li><a href="disclaimer.html">Disclaimer</a></li>
					</ul>
				</div>
			</div>
			<div class="col-sm-6 col-lg-3 footer-widget">
				<h6 class="fw-title">RECENT POST</h6>
				<ul class="recent-post">
					<li>
						<p>Hiring Interns for<br>different roles</p>
						<span><i class="fa fa-clock-o"></i>8 Sep 2020</span>
					</li>
					<li>
						<p>Real time project building<br> Reactjs</p>
						<span><i class="fa fa-clock-o"></i>9 Sep 2020</span>
					</li>
					<li>
						<div class="col-md-6 col-lg-6 col-sm-6 col-xs-12">
							<div class="enroll-button right xs-right">
								<a href="mailto:help@sanscript.tech">Contact Us</a>
							</div>
						</div>
					</li>
				</ul>
			</div>
			<div class="col-sm-6 col-lg-3 footer-widget">
				<h6 class="fw-title">CONTACT</h6>
				<ul class="contact">
					<li><p><i class="fa fa-map-marker"></i> West Bengal, North-24-Parganas, India</p></li>
					<li><p><i class="fa fa-phone"></i><a href="tel://+91 83482 62621"> +91 83482 62621</a></p></li>
					<li><p><i class="fa fa-envelope"></i><a href="mailto:help@sanscript.tech"> help@sanscript.tech</a></p></li>
					<li><p><i class="fa fa-clock-o"></i> Monday - Friday, 08:00AM - 10:00 PM</p></li>
				</ul>
			</div>
		</div>
	</div>
	<div class="copyright">
		<div class="container">
			<p>
				Copyright &copy;<script>document.write(new Date().getFullYear());</script> Sanscript.tech <hr> <p>All rights reserved </p></a>
			</p>
		</div>		
	</div>
</footer>

<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/matchHeight-min.js"></script>
<script src="js/main.js"></script>

</body>
</html>