index.html

<!doctype html>
<html lang="en">

<head>
	<!-- Required meta tags -->
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="icon" href="img/magic_conch.ico" type="image/ico">
    <title>The Xonsh Shell</title>
	<!-- Bootstrap CSS -->
	<link rel="stylesheet" href="css/bootstrap.css">
	<link rel="stylesheet" href="vendors/linericon/style.css">
	<link rel="stylesheet" href="css/font-awesome.min.css">
	<link rel="stylesheet" href="vendors/owl-carousel/owl.carousel.min.css">
	<link rel="stylesheet" href="css/magnific-popup.css">
	<link rel="stylesheet" href="vendors/nice-select/css/nice-select.css">
	<link rel="stylesheet" href="vendors/animate-css/animate.css">
	<link rel="stylesheet" href="vendors/flaticon/flaticon.css">
	<!-- main css -->
	<link rel="stylesheet" href="css/style.css">
</head>

<body>

	<!--================Header Menu Area =================-->
	<header class="header_area">
		<div class="main_menu">
			<nav class="navbar navbar-expand-lg navbar-light">
				<div class="container">
					<!-- Brand and toggle get grouped for better mobile display -->
                    <a class="navbar-brand logo_h" href="index.html"><img src="img/ascii_conch_part_transparent_tight.png" alt="" style="height:50px;"></a>
					<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
					 aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<!-- Collect the nav links, forms, and other content for toggling -->
					<div class="collapse navbar-collapse offset" id="navbarSupportedContent">
						<ul class="nav navbar-nav menu_nav justify-content-center">
							<li class="nav-item active"><a class="nav-link" href="index.html">Home</a></li>
                            <li class="nav-item"><a class="nav-link" href="#about">About</a></li>
                            <li class="nav-item"><a class="nav-link" href="#gallery">Gallery</a>
                            <!-- Submenu example
							<li class="nav-item submenu dropdown">
								<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
								 aria-expanded="false">Pages</a>
								<ul class="dropdown-menu">
									<li class="nav-item"><a class="nav-link" href="price.html">Pricing</a>
									<li class="nav-item"><a class="nav-link" href="games.html">Games</a>
									<li class="nav-item"><a class="nav-link" href="elements.html">Elements</a>
								</ul>
							</li>
                            -->
                            <li class="nav-item"><a class="nav-link" href="https://gitter.im/xonsh/xonsh">Contact</a></li>
						</ul>
						<ul class="nav navbar-nav navbar-right">
                            <li class="nav-item"><a href="https://xon.sh" class="primary_btn">Documentation</a></li>
						</ul>
					</div>
				</div>
			</nav>
		</div>
	</header>
	<!--================Header Menu Area =================-->

	<!--================Home Banner Area =================-->
	<section class="home_banner_area">
		<div class="banner_inner">
			<div class="container">
				<div class="row">
					<div class="col-lg-6">
						<div class="home_left_img">
                            <img class="img-fluid" src="img/xonsh-demo.gif" alt=""
                               style="border-radius: 5px;border: 2px solid #212529;">
						</div>
					</div>
					<div class="col-lg-6">
						<div class="banner_content">
							<h2>
                                XONSH
							</h2>
                            <p>
                                A Python-powered, cross-platform, Unix-gazing shell language and command prompt.
                            </p>
							<div class="d-flex align-items-center">
                                <a id="play-home-video" class="video-play-button" href="https://youtu.be/uaje5I22kgE">
									<span></span>
								</a>
								<div class="watch_video text-uppercase">
									watch the video
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!--================End Home Banner Area =================-->

    <!--================Start About Us Area =================-->
    <a name="about"></a>
    <section class="about_us_area section_gap_top">
        <div class="container">
            <div class="row about_content align-items-center">
                <div class="col-lg-6">
                    <div class="section_content">
                        <h6>About</h6>
                        <h1>Xonsh is a Modern<br>Approach to the Terminal</h1>
                        <p>Xonsh <i>is</i> Python with added shell syntax thrown in.
                        This makes it an ideal, intuitive way to interact with your
                        computer. You probably already know Python, and so xonsh allows
                        you to run command line applications with out needing to learn
                        a new, arcane syntax whenever you want to use a for-statement.
                        </p>
                        <p>Xonsh is open source software under the BSD-2-Clause license.</p>
                        <a class="primary_btn" href="#">Learn More</a>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="about_us_image_box justify-content-center">
                        <img class="img-fluid w-100" src="img/windows_terminal2.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--================End About Us Area =================-->

    <!--================ Start Gallery Area =================-->
    <a name="gallery"></a>
    <section class="gallery_area">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="main_title">
                        <h2>Screenshots</h2>
                        <h1>Screenshots</h1>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-8">
                    <div class="row">
                        <div class="col-lg-6 col-md-6 col-sm-6">
                            <div class="single-gallery">
                                <div class="overlay"></div>
                                <img class="img-fluid w-100" src="img/windows_terminal.png" alt="">
                                <div class="content">
                                    <a class="pop-up-image" href="img/windows_terminal.png">
                                        <i class="lnr lnr-eye"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6">
                            <div class="single-gallery">
                                <div class="overlay"></div>
                                <img class="img-fluid w-100" src="img/better_colors_windows.png" alt="">
                                <div class="content">
                                    <a class="pop-up-image" href="img/better_colors_windows.png">
                                        <i class="lnr lnr-eye"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <div class="single-gallery">
                                <div class="overlay"></div>
                                <img class="img-fluid w-100" src="img/xonsh-docker-example.jpg" alt="">
                                <div class="content">
                                    <a class="pop-up-image" href="img/xonsh-docker-example.jpg">
                                        <i class="lnr lnr-eye"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 hidden-md hidden-sm">
                    <div class="single-gallery">
                        <div class="overlay"></div>
                        <img class="img-fluid w-100" src="img/listunison.png" alt="">
                        <div class="content">
                            <a class="pop-up-image" href="img/listunison.png">
                                <i class="lnr lnr-eye"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--================ End Gallery Area =================-->


	<!--================Start Recent Update Area =================-->
	<section class="recent_update_area section_gap">
		<div class="container">
			<div class="recent_update_inner">
				<ul class="nav nav-tabs" id="myTab" role="tablist">
					<li class="nav-item">
						<a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">
                            Features
						</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile"
						 aria-selected="false">
                            Community
						</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" id="contact-tab" data-toggle="tab" href="#contact" role="tab" aria-controls="contact"
						 aria-selected="false">
                            Install
						</a>
					</li>
				</ul>
				<div class="tab-content" id="myTabContent">
					<div class="tab-pane fade" id="home" role="tabpanel" aria-labelledby="home-tab">
						<div class="row recent_update_text">
							<div class="col-lg-6">
                                <div class="chart_img" style="height:600px;">
                                    <img class="img-fluid" src="img/ascii_conch_part_transparent_tight.png" alt="">
								</div>
							</div>
							<div class="col-lg-6">
								<div class="section_content">
                                    <h6>Features</h6>
                                    <h1>Xonsh has Depth</h1>
                                    <p>Xonsh is a super-charged shell that enables you to work
                                    quickly and effectively! Some of the features that help set
                                    xonsh apart are:
                                    </p>
                                    <ul style="color:white;">
                                        <li>Import any Python package or module!</li>
                                        <li>Environment variables are just Python objects!</li>
                                        <li>Rich history interface!</li>
                                        <li>A 3rd-party extension system (<code>xontribs</code>)!</li>
                                        <li>Powerful event system let's you extend default behavior!</li>
                                        <li>Seamlesslu mix Python & Subprocess operations!</li>
                                        <li>Loads of customization options, including keybindings!</li>
                                    </ul>
                                    <a class="primary_btn" href="#">Documentation</a>
								</div>
							</div>
						</div>
					</div>
					<div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
						<div class="row recent_update_text">
							<div class="col-lg-6">
                                <div class="chart_img" style="height:600px;">
                                    <img class="img-fluid" src="img/ascii_conch_part_transparent_tight.png" alt="">
								</div>
							</div>
							<div class="col-lg-6">
								<div class="section_content">
                                    <h6>Community</h6>
                                    <h1>A Shell for All</h1>
                                    <p>
                                        We believe that the terminal should be accessible to all!
                                        In addition to being a more approachable language than other
                                        shells, xonsh also strives to be a welcoming and accepting
                                        community of developers & users. Please drop us a line at:
                                    </p>
                                    <ul style="color:white;">
                                        <li>The <a href="https://github.com/xonsh/xonsh/issues">GitHub issue</a> tracker</li>
                                        <li>Our <a href="https://gitter.im/xonsh/xonsh">Gitter</a> chatroom</li>
                                        <li>The <a href="https://groups.google.com/forum/#!forum/xonsh">mailing list</a>, if that is how you roll</li>
                                    </ul>
                                    <br/>
                                    <br/>

                                    <a class="primary_btn" href="https://gitter.im/xonsh/xonsh">Gitter</a>
								</div>
							</div>
						</div>
					</div>
					<div class="tab-pane fade show active" id="contact" role="tabpanel" aria-labelledby="contact-tab">
						<div class="row recent_update_text">
							<div class="col-lg-6">
                                <div class="chart_img" style="height:600px;">
                                    <img class="img-fluid" src="img/ascii_conch_part_transparent_tight.png" alt="">
								</div>
							</div>
							<div class="col-lg-6">
								<div class="section_content">
                                    <h6>Install</h6>
                                    <h1>Get Xonsh Now</h1>
                                    <p>
                                        Xonsh can be installed with most package managers, including:
                                    </p>
                                    <ul style="color:white;">
                                        <li>Pip (<code>pip install xonsh</code>)</li>
                                        <li>Conda (<code>conda install -c conda-forge xonsh</code>)</li>
                                        <li>Apt (<code>apt install xonsh</code>)</li>
                                        <li>Brew (<code>brew install xonsh</code>)</li>
                                        <li>and more!</li>
                                    </ul>
                                    <p>
                                        Xonsh can also be customized to meet your needs!
                                    </p>
                                    <a class="primary_btn" href="#">More Information</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!--================End Recent Update Area =================-->

	<!--========== Start Testimonials Area ==================-->
	<section class="testimonials_area section_gap">
		<div class="container">
			<div class="testi_slider owl-carousel">
				<div class="testi_item">
                    <h1><i class="fa fa-twitter"></i></i></h1>
                    <h4><a href="https://twitter.com/gilforsyth">@gilforsyth</a></h4>
					<ul class="list">
                        <li><a href="#"><i class="fa fa-star"></i></a></li>
                        <li><a href="#"><i class="fa fa-star"></i></a></li>
						<li><a href="#"><i class="fa fa-star"></i></a></li>
						<li><a href="#"><i class="fa fa-star"></i></a></li>
						<li><a href="#"><i class="fa fa-star"></i></a></li>
					</ul>
                    <div class="wow fadeIn" data-wow-duration="1s">
                        <p>
                            Holy cow it’s amazing. <br/>
                            I’ve never been so happy to rewrite a .rc file.
                        </p>
					</div>
				</div>
				<div class="testi_item">
                    <h1><i class="fa fa-twitter"></i></i></h1>
                    <h4><a href="https://twitter.com/wbuthod">@wbuthod</a></h4>
					<ul class="list">
						<li><a href="#"><i class="fa fa-star"></i></a></li>
						<li><a href="#"><i class="fa fa-star"></i></a></li>
						<li><a href="#"><i class="fa fa-star"></i></a></li>
						<li><a href="#"><i class="fa fa-star"></i></a></li>
						<li><a href="#"><i class="fa fa-star"></i></a></li>
					</ul>
					<div class="wow fadeIn" data-wow-duration="1s">
                        <p>
                            I’ve tweeted about Xonsh before, and finally spent a day using
                            it exclusively. I must have it on ALL PLATFORMS now.
                        </p>
					</div>
				</div>
				<div class="testi_item">
                    <h1><i class="fa fa-twitter"></i></i></h1>
                    <h4><a href="https://twitter.com/biochemistries">@biochemistries</a></h4>
					<ul class="list">
                        <li><a href="#"><i class="fa fa-star"></i></a></li>
                        <li><a href="#"><i class="fa fa-star"></i></a></li>
						<li><a href="#"><i class="fa fa-star"></i></a></li>
						<li><a href="#"><i class="fa fa-star"></i></a></li>
						<li><a href="#"><i class="fa fa-star"></i></a></li>
					</ul>
					<div class="wow fadeIn" data-wow-duration="1s">
                        <p>
                            The dark wizardry of <a href="https://twitter.com/scopatz">@scopatz</a> :-) <br/>
                            Check out <a href="https://xon.sh">xon.sh</a>
                        </p>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!--================ End Testimonials Area ================-->

    <div>
        <hr style="width:65%;text-align:center;"/>
        <br/>
        <br/>
        <br/>
    </div>

	<!--================ Start Frequently Asked Questions Area ================-->
	<section class="frequently_area">
		<div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="main_title">
                        <h2>Frequently Asked Questions</h2>
                        <h1>Frequently Asked Questions</h1>
                    </div>
                </div>
            </div>
			<div class="row frequent_inner">
				<div class="col-lg-5 col-md-5">
					<div class="frequent_item">
                        <h3>Why xonsh?</h3>
                        <p>
                            Xonsh is solves the problem that other shells don’t “fit your brain.”
                            A shell that doesn’t fit your brain can only be a liability.
                        </p>
                        <br/>
                        <br/>
					</div>
				</div>
				<div class="offset-lg-2 col-lg-5 offset-md-2 col-md-5">
					<div class="frequent_item">
                        <h3>Why not some other fancy shell?</h3>
                        <p>
                            While many other alternative shells have an amazing
                            suite of features as well as much improved syntax of
                            traditional options, none of them are quite as beautiful
                            as Python. In xonsh, you get the best of all possible worlds.
                        </p>
					</div>
				</div>
				<div class="col-lg-5 col-md-5">
					<div class="frequent_item">
                        <h3>Why not IPython?</h3>
                        <p>
                            Two reasons. The first is that typing "!" before every
                            subprocess command is extremely tedious. The second is that tab
                            completion of subprocess commands after an "!" does not work.
                            These are deal breakers for day-to-day use.
                        </p>
					</div>
				</div>
				<div class="offset-lg-2 col-lg-5 offset-md-2 col-md-5">
					<div class="frequent_item">
                        <h3>How does this work?!</h3>
                        <p>
                            We use PLY to tokenize and parse xonsh code. From our
                            parser, we construct an abstract syntax tree (AST) only
                            using nodes found in the Python ast standard library module.
                            This allows us to compile and execute the AST using the normal
                            Python tools.
                        </p>
					</div>
				</div>
				<div class="col-lg-5 col-md-5">
					<div class="frequent_item last-child">
                        <h3>Isn't context-sensitive parsing gross?</h3>
                        <p>
                            Yes. But the point of xonsh is that even though it uses
                            context-sensitive parsing it is ultimately a lot less gross
                            than other shell languages, such as Bash.
                        </p>
					</div>
				</div>
				<div class="offset-lg-2 col-lg-5 offset-md-2 col-md-5">
					<div class="frequent_item last-child">
                        <h3>Is xonsh open source?</h3>
                        <p>
                            Yes! Xonsh is freely usable and accessible under the
                            <a href="https://github.com/xonsh/xonsh/blob/master/license">BSD-2-Clause license</a>.
                        </p>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!--================ End Frequently Asked Questions Area ================-->

    <br/>
    <br/>

	<!--================ Start Newsletter Area ================-->
	<section class="newsletter_area">
		<div class="container">
			<div class="row">
				<div class="col-lg-6 col-md-6 col-sm-12">
                    <div class="newsletter_inner">
                        <h1>Read Our <a href="https://xon.sh/">Documentaion</a></h1>
                        <p>We think it is pretty great!</p>
                    </div>
				</div>
				<div class="col-lg-6 col-md-6 col-sm-12">
                    <div class="newsletter_inner">
                        <h1>Chat With Us on <a href="https://gitter.im/xonsh/xonsh">Gitter</a></h1>
                        <p>We are happy to help!</p>
                    </div>
				</div>
			</div>
		</div>
	</section>
	<!--================ End Newsletter Area ================-->

	<!--================Footer Area =================-->
	<footer class="footer_area section_gap_top">
		<div class="container">
			<div class="row footer_inner">
				<div class="col-lg-3 col-sm-6">
					<aside class="f_widget ab_widget">
						<div class="f_title">
                            <h4>About</h4>
						</div>
						<ul>
                            <li><a href="https://xon.sh/"></a>Website</a></li>
                            <li><a href="https://github.com/xonsh/xonsh"></a>Source Code</a></li>
						</ul>
					</aside>
				</div>
				<div class="col-lg-3 col-sm-6">
					<aside class="f_widget ab_widget">
						<div class="f_title">
                            <h4>Community</h4>
						</div>
						<ul>
                            <li><a href="https://gitter.im/xonsh/xonsh"></a>Gitter</a></li>
						</ul>
					</aside>
				</div>
				<div class="col-lg-3 col-sm-6">
					<aside class="f_widget ab_widget">
						<div class="f_title">
							<h4>Support</h4>
						</div>
						<ul>
                            <li><a href="https://github.com/xonsh/xonsh/issues"></a>Issue Tracker</a></li>
						</ul>
					</aside>
				</div>
				<div class="col-lg-3 col-sm-6">
					<aside class="f_widget ab_widget">
						<div class="f_title">
							<h4>Legal</h4>
						</div>
						<ul>
                            <li><a href="https://github.com/xonsh/xonsh/blob/master/license"></a>License</a></li>
						</ul>
					</aside>
				</div>
			</div>
			<div class="row single-footer-widget">
				<div class="col-lg-6 col-md-6 col-sm-12">
					<div class="copy_right_text">
						<p><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Copyright &copy;2020 All rights reserved | This template is made with <i class="fa fa-heart-o" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p>
					</div>
				</div>
				<div class="col-lg-6 col-md-6 col-sm-12">
					<div class="social_widget">
                        <a href="https://github.com/xonsh/xonsh"><i class="fa fa-github"></i></a>
                        <a href="https://gitter.im/xonsh/xonsh"><i class="fa fa-comments"></i></a>
					</div>
				</div>
			</div>
		</div>
	</footer>
	<!--================End Footer Area =================-->

	<!-- Optional JavaScript -->
	<!-- jQuery first, then Popper.js, then Bootstrap JS -->
	<script src="js/jquery-3.2.1.min.js"></script>
	<script src="js/popper.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/stellar.js"></script>
	<script src="js/jquery.magnific-popup.min.js"></script>
	<script src="vendors/nice-select/js/jquery.nice-select.min.js"></script>
	<script src="vendors/isotope/imagesloaded.pkgd.min.js"></script>
	<script src="vendors/isotope/isotope-min.js"></script>
	<script src="vendors/owl-carousel/owl.carousel.min.js"></script>
	<script src="js/jquery.ajaxchimp.min.js"></script>
	<script src="vendors/counter-up/jquery.waypoints.min.js"></script>
	<script src="vendors/counter-up/jquery.counterup.min.js"></script>
	<script src="js/mail-script.js"></script>
	<!--gmaps Js-->
	<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCjCGmQ0Uq4exrzdcL6rvxywDDOvfAu6eE"></script>
	<script src="js/gmaps.min.js"></script>
	<script src="js/theme.js"></script>
</body>

</html>