Devil Killer Is Here MiNi Shell
MiNi SheLL

Current Path : /hermes/bosweb01/sb_web/b2920/geoml.org/
Linux boscustweb5005.eigbox.net 5.4.91 #1 SMP Wed Jan 20 18:10:28 EST 2021 x86_64
Current File : //hermes/bosweb01/sb_web/b2920/geoml.org/index_old.html
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta content="width=device-width, initial-scale=1.0" name="viewport">
	<title>GeoTGo</title>
	<meta content="AI/ML for geoscience data" name="description">
	<meta content="AI ML artificial intelligence machine learning woman-owned startup environment earth sciences geothermal data training feature extraction" name="keywords">

	<link rel="apple-touch-icon" sizes="128x128" href="logo/icons/128x128.png">
	<link rel="icon" type="image/png" sizes="32x32" href="logo/icons/32x32.png">
	<link rel="icon" type="image/png" sizes="16x16" href="logo/icons/16x16.png">
	<link rel="shortcut icon" href="logo/icons/512x512.png" />
	<link rel="apple-touch-icon" sizes="180x180" href="logo/favicons/apple-touch-icon.png">
	<link rel="icon" type="image/png" sizes="32x32" href="logo/favicons/favicon-32x32.png">
	<link rel="icon" type="image/png" sizes="16x16" href="logo/favicons/favicon-16x16.png">
	<link rel="manifest" href="logo/favicons/site.webmanifest">

	<link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Open+Sans:300,300i,400,400i,600,600i,700,700i" rel="stylesheet">

	<!-- JSDelivr CSS Files -->
	<link href="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.min.css" rel="stylesheet" />
	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" />
	<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.min.css" rel="stylesheet" />
	<link href="https://cdn.jsdelivr.net/npm/boxicons@2.1.4/css/boxicons.min.css" rel="stylesheet" />
	<link href="https://cdn.jsdelivr.net/npm/glightbox/dist/css/glightbox.min.css" rel="stylesheet" />
	<link href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css" rel="stylesheet" />

	<!-- Vendor CSS Files -->
	<!-- <link href="assets/vendor/aos/aos.css" rel="stylesheet">
	<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
	<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
	<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
	<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
	<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet"> -->

	<link href="assets/css/style.css" rel="stylesheet">

	<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script>
	<script>
		$(document).ready(function(){
			var hash = window.location.hash;
			// console.log(hash)
			if (hash) {
				var element = hash.replace('#', '#button_');
				if (element.length) {
					//  $(window).scrollTop(element.offset().top);
					// console.log('click');
					// console.log(element);
					$(element).trigger('click');
				}
			}
		});
	</script>
</head>
<body>
	<div class="fixed-side-navbar" id="nav">
		<ul class="nav flex-column">
			<!-- <li class="nav-item"><a class="nav-link" href="#"><span style="font-weight: bold;">|||</span></a></li> -->
			<li class="nav-item"><a class="nav-link" href="#home"><span>Top</span></a></li>
			<li class="nav-item"><a class="nav-link" href="#project"><span>GeoML</span></a></li>
			<li class="nav-item"><a class="nav-link" href="#company"><span>Company</span></a></li>
			<li class="nav-item"><a class="nav-link" href="#land"><span>Land</span></a></li>
			<li class="nav-item"><a class="nav-link" href="#contact-us"><span>Contact</span></a></li>
		</ul>
	</div>

	<div class="parallax-content banner-content" id="home">
		<div class="container" style="margin-top: -25vh;">
			<div class="first-content">
				<img style="padding-top: 0px;" src="logo/geoml_v0.2.png" width="200px" height="auto" />
				<h1 class="stroke-text" style="font-size: 32pt; padding-top: 20px; color: rgb(37, 158, 203);">GeoML</h1>
				<h1 class="stroke-text" style="font-size: 28pt; padding-top: 20px; color: rgb(37, 158, 203);">AI/ML for interpretation and analysis of geochemical and geophysical data</h1>
			</div>
			<div class="row" style="padding-top: 50px;">
				<div class="col col-md-10 offset-md-1 col-lg-8 offset-lg-2">
					<div id="carousel-envitrace-videos" class="carousel slide">
						<ol class="carousel-indicators">
							<li data-target="#carousel-envitrace-videos" data-slide-to="0" class="active"></li>
							<li data-target="#carousel-envitrace-videos" data-slide-to="1"></li>
							<li data-target="#carousel-envitrace-videos" data-slide-to="2"></li>
							<li data-target="#carousel-envitrace-videos" data-slide-to="3"></li>
							<li data-target="#carousel-envitrace-videos" data-slide-to="4"></li>
							<li data-target="#carousel-envitrace-videos" data-slide-to="5"></li>
						</ol>
						<div class="carousel-inner">
							<div class="carousel-item active">
								<div class="embed-responsive embed-responsive-16by9">
									<iframe width="560" height="315" src="https://www.youtube.com/embed/dGtpr7Rud20" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
								</div>
								<div class="carousel-caption d-none d-md-block">
									<h2>EnviTrace</h2>
									<h4>Our AI/ML technology solves environmental and energy problems</h4>
								</div>
							</div>
							<div class="carousel-item">
								<div class="embed-responsive embed-responsive-16by9">
									<iframe width="560" height="315" src="https://www.youtube.com/embed/4drUuNt755k" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
								</div>
								<div class="carousel-caption d-none d-md-block">
									<h2>EnviTrace</h2>
									<h4>Introduction</h4>
								</div>
							</div>
							<div class="carousel-item">
								<div class="embed-responsive embed-responsive-16by9">
									<iframe width="560" height="315" src="https://www.youtube.com/embed/TooCGniNSfc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
								</div>
								<div class="carousel-caption d-none d-md-block">
									<h2>EnviTrace</h2>
								</div>
							</div>
							<div class="carousel-item">
								<div class="embed-responsive embed-responsive-16by9">
									<iframe width="560" height="315" src="https://www.youtube.com/embed/AFhlu8C8eIM" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
								</div>
								<div class="carousel-caption d-none d-md-block">
									<h2>Threat of AI</h2>
									<h4>We should not be threatened by AI</h4>
								</div>
							</div>
							<div class="carousel-item">
								<div class="embed-responsive embed-responsive-16by9">
									<iframe width="560" height="315" src="https://www.youtube.com/embed/HE8hW-Ej5qM" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
								</div>
								<div class="carousel-caption d-none d-md-block">
									<h2>Why Julia?</h2>
									<h4>Julia is designed to address the need for solving complex scientific machine-learning problems.</h4>
								</div>
							</div>
							<div class="carousel-item">
								<div class="embed-responsive embed-responsive-16by9">
									<iframe width="560" height="315" src="https://www.youtube.com/embed/JmKH3bmH6Ng" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
								</div>
								<div class="carousel-caption d-none d-md-block">
									<h2>EnviTrace</h2>
									<h4>A team member says hi</h4>
								</div>
							</div>
							<!-- <div class="carousel-item">
								<div class="embed-responsive embed-responsive-16by9">
									<iframe width="560" height="315" src="https://www.youtube.com/embed/FT0UhGPvltA" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
								</div>
								<div class="carousel-caption d-none d-md-block">
									<h5>EnviTrace</h5>
									<p>Mad scientists in the lab.</p>
								</div>
							</div> -->
							<!-- <div class="carousel-item">
								<div class="embed-responsive embed-responsive-16by9">
									<iframe width="560" height="315" src="https://www.youtube.com/embed/SXdOrfZKD-Q" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
								</div>
								<div class="carousel-caption d-none d-md-block">
									<h5>EnviTrace</h5>
									<p>This is how we work and use geothermal energy.</p>
								</div>
							</div> -->
						</div>
						<a class="carousel-control-prev" href="#carousel-envitrace-videos" role="button" data-slide="prev">
							<span class="carousel-control-prev-icon fontIcon" aria-hidden="true"></span>
							<span class="sr-only">Previous</span>
						</a>
						<a class="carousel-control-next" href="#carousel-envitrace-videos" role="button" data-slide="next">
							<span class="carousel-control-next-icon fontIcon" aria-hidden="true"></span>
							<span class="sr-only">Next</span>
						</a>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="parallax-content portfolio-content">
		<div class="container">
			<div class="row">
				<div class="col-md-12" id="project">
					<div class="portfolio-item">
						<h1><span style="color: orange; font-weight: bold">GeoML</span>: AI/ML for interpretation and analysis of geochemical and geophysical data</h1>
						<div class="line-dec"></div>
						<!-- <img src="logo/geothermal ver0.1.png" style="width: 100px;" /> -->
						<p>
							<span style="color: orange; font-weight: bold">GeoML</span> provides methods and tools to better understand and utilize geologic subsurface for energy production and storage.
						</p>
						<p>
							<span style="color: orange; font-weight: bold">GeoML</span> addresses geologic complexities, technology advancements, and energy needs.
						</p>
						<p>
							<span style="color: orange; font-weight: bold">GeoML</span> relies on cloud-based artificial intelligence and machine learning (AI/ML) tools.
						</p>
						<p>
							<span style="color: orange; font-weight: bold">GeoML</span> prototype version can be accessed <a href="http://73.42.119.232:8988" target="_blank">here</a>.
						</p>
						<!-- <div style="width: auto;">
							<a href="http://73.42.119.232:8988" target="_blank"></a><img src="images/GeoML_v0.2.png" style="width: 50%" /></a>
						</div> -->
						<p>
							<span style="color: orange; font-weight: bold">GeoML</span> facilitates the interactions between the industry, regulators, stakeholders, and end-users.
						</p>
						<p>
							<span style="color: orange; font-weight: bold">GeoML</span> merges data, computational methods, knowledge, expertise, and experience.
						</p>
						<p>
							<span style="color: orange; font-weight: bold">GeoML</span> provides fast processing, analysis and dissemination of geologic information related to subsurface energy storage and production.
						</p>
						<p>
							<span style="color: orange; font-weight: bold">GeoML</span> help us understand and predict complex subsurface processes associated with energy extraction and storage in the subsurface.
						</p>
						<div style="width: auto;">
							<img src="ai_art/Traisk22_aquifer_heat_transfer_landscape_7657199b-999f-459b-9233-60907d1dd9b6.png" style="width: 50%" />
						</div>
						<div class="line-dec"></div>
						<p>
							Efficeinty utilization of geologic subsurface for energy extraction and storage will help decarbonize our nation to reduce energy costs, and boost energy independence.
						</p>
						<div class="line-dec"></div>
						<div id="carousel-geoml-videos" class="carousel slide">
							<div class="col col-md-10 offset-md-1 col-lg-8 offset-lg-2">
								<ol class="carousel-indicators">
									<li data-target="#carousel-geoml-videos" data-slide-to="0" class="active"></li>
									<li data-target="#carousel-geoml-videos" data-slide-to="1"></li>
									<li data-target="#carousel-geoml-videos" data-slide-to="2"></li>
									<li data-target="#carousel-geoml-videos" data-slide-to="3"></li>
								</ol>
								<div class="carousel-inner">
									<div class="carousel-item active">
										<div class="embed-responsive embed-responsive-16by9">
											<iframe width="560" height="315" src="https://www.youtube.com/embed/KpYFdUc1ot0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
										</div>
										<div class="carousel-caption d-none d-md-block">
											<h2>Energy Storage</h2>
											<h4>Building Blocks for Energy Storage</h4>
										</div>
									</div>
									<div class="carousel-item">
										<div class="embed-responsive embed-responsive-16by9">
											<iframe width="560" height="315" src="https://www.youtube.com/embed/-hSLP4JpPvU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
										</div>
										<div class="carousel-caption d-none d-md-block">
											<h2>Energy Storage</h2>
											<h4>How Borehole Thermal Storage Works</h4>
										</div>
									</div>
									<div class="carousel-item">
										<div class="embed-responsive embed-responsive-16by9">
											<iframe width="560" height="315" src="https://www.youtube.com/embed/7PXfvfZ-b-o" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
										</div>
										<div class="carousel-caption d-none d-md-block">
											<h2>Energy Storage</h2>
											<h4>Underground Heat Storage with Geosolar Systems</h4>
										</div>
									</div>
									<div class="carousel-item">
										<div class="embed-responsive embed-responsive-16by9">
											<iframe width="560" height="315" src="https://www.youtube.com/embed/4tznGprNKhU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
										</div>
										<div class="carousel-caption d-none d-md-block">
											<h2>Energy Storage</h2>
											<h4>How Aquifer Energy Storage Works</h4>
										</div>
									</div>
								</div>
								<a class="carousel-control-prev" href="#carousel-geoml-videos" role="button" data-slide="prev">
									<span class="carousel-control-prev-icon fontIcon" aria-hidden="true"></span>
									<span class="sr-only">Previous</span>
								</a>
								<a class="carousel-control-next" href="#carousel-geoml-videos" role="button" data-slide="next">
									<span class="carousel-control-next-icon fontIcon" aria-hidden="true"></span>
									<span class="sr-only">Next</span>
								</a>
							</div>
						</div>
						<div class="line-dec"></div>
						<h2>Recent relevent publications</h2>
						<ul>
							<li>
								Mudunuru, M., Ahmmed, B., Rau, E., Vesselinov, V.V., Karra, S., Machine Learning for Geothermal Resource Exploration in Tularosa Basin, New Mexico, Energies, 2023. <a href="https://gitlab.com/monty/monty.gitlab.io/raw/master/papers/Mudunuru et al 2023 Machine Learning for Geothermal Resource Exploration in Tularosa Basin.pdf">PDF</a>
							</li>
							<li>
								Mudunuru, M., Vesselinov, V.V., Ahmmed, B., Geothermalcloud: Machine learning for geothermal resource exploration, Journal of Machine Learning for Modeling and Computing, 10.1615/JMachLearnModelComput.2022046445, 2022. <a href="https://gitlab.com/monty/monty.gitlab.io/raw/master/papers/Mudunuru et al 2022 Geothermalcloud - Machine learning for geothermal resource exploration.pdf">PDF</a>
							</li>
						</ul>
						<div class="line-dec"></div>
						<h2>Recent relevent presentations</h2>
						<ul>
							<li>
								Kliphuis, T.L., Bluehouse, M., Vesselinov, V.V., GeoML: Equitable and Inclusive Tool for Community-Based Geothermal, Stanford Geothermal Workshop, Stanford, CA, February 6-8, 2023, (not presented). <a style="color: orange;" href="https://gitlab.com/monty/monty.gitlab.io/raw/master/presentations/Kliphuis et al 2023 GeoML Equitable and Inclusive Tool for Community-Based Geothermal.pdf"  target="_blank">PDF</a>
							</li>
							<li>
								Vesselinov, V.V., Kliphuis, T.L., Novel machine learning methods and tools for geothermal and geochemical problems, American Geophysical Union, Fall Meeting, Chicago, IL, December 12-16, 2022. <a style="color: orange;" href="https://gitlab.com/monty/monty.gitlab.io/raw/master/presentations/Vesselinov & Kliphuis 2022 Novel machine learning methods and tools for geothermal and geochemical problems.pdf" target="_blank">PDF</a>
							</li>
						</ul>
						<div class="line-dec"></div>
						<p>
							<span style="color: orange; font-weight: bold">GeoML</span> work is funded by a Small Business Innovation Research (SBIR) grant from the Department of Energy (DOE).
						</p>
						<img src="../logo/doe-logo.webp" style="width: 200px;" />
						<p>EnviTrace is also a <a href="https://edd.newmexico.gov/wp-content/uploads/2023/01/SBIRST-FY23-PR.pdf">2023 New Mexico SBIR Awardee</a>.
							The funding from <a href="https://edd.newmexico.gov/business-development/edd-programs-for-business/office-of-science-technology/">the Office of Science & Technology, Economic Development Department, State of New Mexico</a>, supplements the DOE support of our projects.
						</p>
						<img src="https://edd.newmexico.gov/wp-content/uploads/2021/06/Long-White-Logo-for-websiteSTACKED-1-2048x446.png" style="width: 200px;" />
						<div class="line-dec"></div>
						<p>
							Principal Investigator is Trace Kliphuis, Co-Founder and CEO of <span style="color: orange; font-weight: bold">EnviTrace LLC</span>.
						</p>
						<p>
							Project Manager is Velimir (monty) Vesselinov, Co-Founder, CTO, and CSO of <span style="color: orange; font-weight: bold">EnviTrace LLC</span>.
						</p>
						<div class="line-dec"></div>
						<p>
							More information about our AI/ML methods can be found <a href="../methods/ml.html" style="font-weight: bold; color: orange">here ...</a>
						</p>
					</div>
				</div>
				<div class="col-md-12" id="company">
					<div class="portfolio-item">
						<h2>Our Company</h2>
						<div class="line-dec"></div>
						<p><span style="color: orange; font-weight: bold">EnviTrace</span> develops cutting-edge artificial intelligence and machine learning (AI/ML) methods and tools.</p>
						<p><span style="color: orange; font-weight: bold">EnviTrace</span> applies AI/ML to find and analyze hidden pieces of information necessary to understand and solve energy and environmental challenges facing our world today and tomorrow.</p>
						<p><span style="color: orange; font-weight: bold">EnviTrace</span> experience and expertise include climate change, geothermal, carbon sequestration, oil/gas production, waste disposal, water/air contamination, water supply, wildfires, and air quality.</p>
					</div>
				</div>
				<div class="col-md-12" id="land">
					<div class="portfolio-item">
						<h2>Land Acknowledgement</h2>
						<div class="line-dec"></div>
						<p>EnviTrace acknowledges that the place now called Santa Fe where our office is located sits on unceded ancestral Tewa Land and is still recognized as O'gha Po'oge, meaning White Shell Water Place.</p>
						<p>We recognize that this land is just one piece of a larger, boundless terrain for Indigenous peoples that include the Nambe Pueblo, the Tewa, and the Jicarilla Apache.</p>
						<p>O'gha Po'oge was once a thriving Pueblo village, and their descendants include the modern-day Tewa people who still live in Santa Fe and the local Pueblos of Nambe, Pojoaque, San Ildefonso, Ohkay Owingeh, Santa Clara and Tesuque.</p>
						<p>We also recognize the violence, displacement, migration, and colonization that haunt this place.</p>
						<p>We understand we are now stewards of this land, responsible for the care of water, air, and each other.</p>
						<p>In addition, we pledge to donate a percentage of our profit to a local non-profit organization supporting the education of native students.</p>
						<p>&nbsp;</p>
						<p>If you have feedback on this land acknowledgment statement please email us at <a href="mailto:info@envitrace.com" style="color: orange;">info@envitrace.com</a>.</p>
					</div>
				</div>
			</div>
		</div>
	</div>

	<footer>
		<div class="container" id="contact-us">
			<div class="row text-white" style="padding-bottom: 20px;">
				<h3>EnviTrace is a member of the American Indian Chamber of Commerce of New Mexico, the Santa Fe Green Chamber of Commerce, the Geothermal Rising, and Women in Geothermal.</h3>
			</div>
			<div class="row bg-white" style="margin: 10px; padding: 10px">
				<img src="logo/AICCNM-logo-Blk-text.png" class="img-responsive center-block d-block mx-auto" />
				<img src="logo/Santa-Fe-Green-Chamber-of-Commerce-logo.jpg" class="img-responsive center-block d-block mx-auto" />
				<img src="logo/geothermal_rising.png" class="img-responsive center-block d-block mx-auto" />
				<img src="logo/WING_Horizontal_FullColour@2x.webp" class="img-responsive center-block d-block mx-auto" height="90" />
			</div>
			<div class="row" style="padding-top: 20px;">
				<img src="logo/lgbtq.webp" class="img-responsive center-block d-block mx-auto" />
			</div>
			<div class="row" style="padding-top: 20px;">
				<div class="col-md-12">
					<div class="right-text">
						<h4 style="color:white; font-size: 12pt;">Please contact us for more information:</h4>
						<div class="line-dec"></div>
						<a href="mailto:info@envitrace.com"><p style="color: white; font-size: 12pt;">info@envitrace.com</p></a>
						<p style="color: white; font-size: 12pt;">+1 (505) 310 4367</p>
						<p style="color: white; font-size: 12pt;">+1 (505) 473 4150</p>
					</div>
					<p></p>
					<p></p>
					<ul>
						<li><a href="https://www.facebook.com/EnviTrace"><i class="fa fa-facebook"></i></a></li>
						<!-- <li><a href="#"><i class="fa fa-twitter"></i></a></li> -->
						<li><a href="https://www.linkedin.com/company/envitrace-llc"><i class="fa fa-linkedin"></i></a></li>
						<!-- <li><a href="#"><i class="fa fa-google"></i></a></li> -->
						<!-- <li><a href="#"><i class="fa fa-dribbble"></i></a></li> -->
					</ul>
					<p>Copyright &copy; 2023 EnviTrace LLC, Santa Fe, New Mexico, USA</p>
					<p></p>
					<div class="primary-button">
						<a href="#home">Back To Top</a>
					</div>
				</div>
			</div>
		</div>
	</footer>

	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
	<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.2.min.js"><\/script>')</script>
	<script src="js/vendor/bootstrap.min.js"></script>
	<script src="js/plugins.js"></script>
	<script src="js/main.js"></script>
	<script>
		function openCity(cityName) {
			var i;
			var x = document.getElementsByClassName("city");
			for (i = 0; i < x.length; i++) {
			   x[i].style.display = "none";
			}
			document.getElementById(cityName).style.display = "block";
		}
	</script>

	<script>
		$(document).ready(function(){
		  // Add smooth scrolling to all links
		  $(".fixed-side-navbar a, .primary-button a, .col-md-6 a, .first-content a").on('click', function(event) {
			// Make sure this.hash has a value before overriding default behavior
			if (this.hash !== "") {
				event.preventDefault(); // Prevent default anchor click behavior
				var hash = this.hash; // Store hash
				// Using jQuery's animate() method to add smooth page scroll
				// The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
				$('html, body').animate({
					scrollTop: $(hash).offset().top
					}, 800, function(){
					window.location.hash = hash; // Add hash (#) to URL when done scrolling (default click behavior)
				});
			}
		  });
		});
	</script>
</body>
</html>
Creat By MiNi SheLL
Email: devilkiller@gmail.com