index.html

<!doctype html>
<html lang="en">
<head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <link rel="stylesheet" href="assets/css/normalize.css">
        <link rel="stylesheet" href="assets/css/bootstrap.min.css">
        <link rel="stylesheet" href="assets/css/icofont.min.css">
        <link rel="stylesheet" href="assets/css/animate.min.css">
        <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
        <link rel="stylesheet" href="assets/css/style.css">
        <link rel="stylesheet" href="assets/css/responsive.css">
        
        <link rel="icon" type="image/png" href="assets/images/favicon-blender.png" />
        
        <title>Bonsai - beautiful, detailed, and data-rich OpenBIM</title>
    </head>
    <body class="home-page">
        <!--=== Start Header Section ===-->
        <header class="header-section">
            <nav class="navbar navbar-expand-lg navbar-light">
                <div class="container">
                    <a class="navbar-brand" href="index.html">
                        
                        <img src="assets/images/blender/blender-logo.png" alt="Logo">
                        
                    </a>
                    <a href="javascript:void(0);" class="mobile-menu">
                        <div class="mobile-menu-btn">
                            <i class="icofont-lg icofont-navigation-menu"></i>
                        </div>
                    </a>
                    <div class="collapse navbar-collapse" id="navbarSupportedContent">
                        <ul class="navbar-nav">
                            
                            <li class="nav-item">
                                <a href="index.html" class="nav-link active">home<span></span></a>
                            </li>
                            <li class="nav-item">
                                <a href="download.html" class="nav-link">download<span></span></a>
                            </li>
                            <li class="nav-item">
                                <a href="community.html" class="nav-link">community<span></span></a>
                            </li>
                            <li class="nav-item">
                                <a href="https://docs.bonsaibim.org" class="nav-link">documentation<span></span></a>
                            </li>
                            <li class="nav-item">
                                <a href="https://bonsaibim.org/search-ifc-class.html" class="nav-link">search ifc class<span></span></a>
                            </li>
                            
                        </ul>
                        <div class="menu-right-options ms-auto">
                            <p>
                                <a href="https://opencollective.com/opensourcebim" target="_blank" title="Fund on Open Collective" class="fund">
                                    <strong class="amount-raised" style="margin-right: 5px;">$</strong> / $5,000 funded
                                    <span class="border-1">
                                        <span class="progress-bar" id="progress-bar" data-status="0%" aria-label="Progress bar."></span>
                                    </span>
                                </a>
                            </p>
                            <ul class="social-media-links">
                                
                                <li>
                                    <a href="https://twitter.com/BonsaiBIM" target="_blank" class="btn btn-primary">
                                        <i class="icofont-twitter"></i>
                                    </a>
                                </li>
                                
                                <li class="github-icon">
                                    <a href="https://github.com/ifcopenshell/ifcopenshell" target="_blank" class="">Github Icon</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </nav>
        </header>
        <!--=== Start Menu Slide Bar ===-->
        <aside class="menu-slide-bar">
            <div class="close-mobile-menu">
                <div class="mobile-logo">
                    <a href="index.html" class="mobile-logo">
                        
                        <img src="assets/images/blender/blender-logo.png" alt="Logo">
                        
                    </a>
                </div>
                <a href="javascript:void(0);" class="close-btn">
                    <i class="icofont-close-line"></i>
                </a>
            </div>
            <nav class="side-mobile-menu">
                <ul id="mobile-menu-active">
                    
                    <li class="nav-item">
                        <a href="index.html" class="nav-link active">home<span></span></a>
                    </li>
                    <li class="nav-item">
                        <a href="download.html" class="nav-link">download<span></span></a>
                    </li>
                    <li class="nav-item">
                        <a href="community.html" class="nav-link">community<span></span></a>
                    </li>
                    <li class="nav-item">
                        <a href="https://docs.bonsaibim.org" class="nav-link">documentation<span></span></a>
                    </li>
                    
                </ul>
            </nav>
        </aside>
        <div class="body-overlay"></div>
        <!--=== End Menu Slide Bar ===-->
		<!--=== Start Banner Section ===-->
		<section class="banner-section bg-color-fff1f2">
			<div class="container">
				<div class="row align-items-center">
					<div class="col-lg-12">
						<div class="side-border side-border-inner wow fadeInUp delay-0-4s"></div>
						<div class="banner-content">
                            <h1 class="wow fadeInUp delay-0-2s"> Bonsai </h1>
							<h2 class="up-title wow fadeInUp delay-0-4s"> An add-on for beautiful, detailed, and data-rich OpenBIM with Blender </h2>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--=== End Banner Section ===-->

		<section class="product-section-1 blender-slider">
			<div class="container">

				<div class="row align-items-center">
					<div class="offset-sm-1 col-sm-10 wow fadeInUp delay-0-4s">

						<div class="blender-page-slider-section">
							<div class="owl-carousel owl-theme">
					            <div class="item">
									<img src="assets/images/blender/banner-image.png" alt="Viewing an IFC model" class="banner-image-big" />
					            </div>
					            <div class="item">
					               <img src="assets/images/blender/banner-image2.png" alt="Viewing a federated MEP model" class="banner-image-big" />
					            </div>
					            <div class="item">
					               	<img src="assets/images/blender/banner-image3.png" alt="Viewing a structural model and gantt chart" class="banner-image-big" />
					            </div>
					         </div>
					         <img src="assets/images/blender/design-new.png" alt="Banner Image" class="banner-image-small" />	
						</div>
					
						<h2 class="sub-heading"> Free, open source, native IFC authoring platform </h2>
						<div class="banner-btn sub-button">
							<a href="download.html" class="main-btn wow fadeInUp delay-0-8s">
								<span class="btn-style">
									<img src="assets/images/banner/download-icon.png" /> Get v0.8.2
								</span>
							</a>
						</div>
					</div>
				</div>
				<!-- .row -->

				<div class="container">
					<div class="row image-section-1">
						<img src="assets/images/blender/design-101.png" alt="Design 101" class="bg-images-1" />
						<img src="assets/images/blender/design-102.png" alt="Design 102" class="bg-images-2" />
						<div class="col-md-3 col-6">
							<div class="blender-card-section">
								<div class="text-top color-1"> Audit and analyse </div>
								<img src="assets/images/blender/image1.png" alt="Banner Image" class="grid-images" />
							</div>
						</div>
						<div class="col-md-3 col-6">
							<div class="blender-card-section">
								<div class="text-bottom color-2"> Author IFC models </div>
								<img src="assets/images/blender/image2.png" alt="Banner Image" class="grid-images" />
							</div>
						</div>
						<div class="col-md-3 col-6">
							<div class="blender-card-section">
								<div class="text-top color-3"> Drawing generation </div>
								<img src="assets/images/blender/image3.png" alt="Banner Image" class="grid-images" />
							</div>
						</div>
						<div class="col-md-3 col-6">
							<div class="blender-card-section">
								<div class="text-bottom color-4"> Structural analysis </div>
								<img src="assets/images/blender/image4.png" alt="Banner Image" class="grid-images" />
							</div>
						</div>
						<div class="col-md-3 col-6">
							<div class="blender-card-section">
								<div class="text-top color-1"> MEP systems </div>
								<img src="assets/images/blender/image5.png" alt="Banner Image" class="grid-images" />
							</div>
						</div>
						<div class="col-md-3 col-6">
							<div class="blender-card-section">
								<div class="text-bottom color-2"> Costing and scheduling </div>
								<img src="assets/images/blender/image6.png" alt="Banner Image" class="grid-images" />
							</div>
						</div>
						<div class="col-md-3 col-6">
							<div class="blender-card-section">
								<div class="text-top color-3"> Facility management </div>
								<img src="assets/images/blender/image7.png" alt="Banner Image" class="grid-images" />
							</div>
						</div>
						<div class="col-md-3 col-6">
							<div class="blender-card-section">
								<div class="text-bottom color-4"> Live building sensors </div>
								<img src="assets/images/blender/image8.png" alt="Banner Image" class="grid-images" />
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<div class="container started-section blender-logo-section" >
			<div class="row">
				<div class="col-sm-12 text-center">
					<ul class="blender-logos">
						<li>
							<img src="assets/images/blender/logo1.jpg" alt="Partner" class="wow fadeInUp delay-0-8s" />
						</li>
						<li>
							<img src="assets/images/blender/logo2.jpg" alt="Partner" class="wow fadeInUp delay-0-8s"  />
						</li>
						<li>
							<img src="assets/images/blender/logo3.jpg" alt="Partner" class="wow fadeInUp delay-0-8s"  />
						</li>
						<li>
							<img src="assets/images/blender/logo4.jpg" alt="Partner" class="wow fadeInUp delay-0-8s"  />
						</li>
						<li>
							<img src="assets/images/partner/cesium_grant_56353427842359.png" alt="Cesium ecosystem grant" style="width:128px;height:128px" />
						</li>

					</ul>
				</div>
			</div>
		</div>

        <div class="footer-section copy-wrap">
            <div class="container">
                <div>
                    <div class="back-to-top text-center">
                        <i class="icofont-simple-up"></i>
                    </div>
                    <div class="text-center">
                        <img src="assets/images/partner/partner-11.png" alt="Partner" class="" />
                    </div>
                    <div class="row">
                        <div class="col-lg-8">
                            
                            <p class="footer-left-text">
                               Blender is Free Software made by the community of <a href="https://blender.org"><span>Blender.org</span></a>.
                               <br /><br />
                               Bonsai is built with ♥ on the <a href="https://ifcopenshell.org"><span>IfcOpenShell</span></a> project by amazing volunteers.
                               <br /><br />
                               You can <a href="community.html"><span> be one too!  </span></a>
                            </p>
                            
                        </div>
                        <div class="col-lg-4 text-right">
                            <img src="assets/images/footer-logo.png" alt="Footer Logo" class="footer-logo" />
                            <div class="pull-right">
                                <h5><a href="https://ifcopenshell.org">IfcOpenShell</a></h5>
                                <p>
                                    The open source IFC toolkit <br> and geometry engine
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--=== End Footer Section ===-->
        <!--=== JS Link ===-->
        <script src="assets/js/jquery.min.js"></script> 
        <script src="assets/js/owl.carousel.js"></script>
        <script src="assets/js/bootstrap.bundle.min.js"></script>
        <script src="assets/js/mobile-menu.js"></script>
        <script src="assets/js/wow.min.js"></script>
        <script src="assets/js/main.js"></script>
        <!-- jquery end -->
    </body>
</html>