1<!DOCTYPE html> 2<html lang="en"> 3<head> 4<meta charset="UTF-8" /> 5<meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6<link rel="icon" href="assets/logo/favicon.png" type="image/png" sizes="16x16" /> 7<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet" /> 8<link href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.19.1/css/mdb.min.css" rel="stylesheet" /> 9<link rel="stylesheet" href="./assets/css/cellpropulsion.css?v=2" /> 10<title>Our BESS Solutions</title> 11<style> 12 .navbar-nav .nav-link.active { 13 box-shadow: inset 0 -3px 0 0 #28a745; 14 } 15 .navbar-nav .nav-link::after { 16 content: none !important; 17 } 18 :root { 19 --title-green: #1f7a1f; 20 --card-bg: rgba(255, 255, 255, 0.35); 21 --card-bg-edge: rgba(255, 255, 255, 0); 22 --text-dark: #1a1a1a; 23 } 24 25 * { box-sizing: border-box; } 26 27 body { 28 margin: 0; 29 font-family: Arial, Helvetica, sans-serif; 30 } 31 32 .bess-section { 33 position: relative; 34 width: 100%; 35 min-height: 100vh; 36 padding: 110px 40px 80px; 37 background-image: url('assets/img/bess_background.png'); 38 background-size: cover; 39 background-position: top center; 40 background-repeat: no-repeat; 41 display: flex; 42 flex-direction: column; 43 align-items: center; 44 justify-content: center; 45 overflow: hidden; 46 } 47 48 .bess-title { 49 color: var(--title-green); 50 font-size: clamp(2.2rem, 5vw, 4rem); 51 font-weight: 400; 52 text-align: center; 53 margin: 0 0 60px; 54 letter-spacing: 0.5px; 55 } 56 57 .bess-cards { 58 display: flex; 59 flex-wrap: wrap; 60 justify-content: center; 61 align-items: center; 62 gap: 24px; 63 max-width: 1400px; 64 width: 100%; 65 } 66 67 .bess-card { 68 flex: 1 1 280px; 69 max-width: 320px; 70 min-height: 420px; 71 border-radius: 40px; 72 padding: 36px 26px; 73 text-align: center; 74 display: flex; 75 flex-direction: column; 76 align-items: center; 77 } 78 79 .bess-card:nth-child(1) { background: rgba(232, 218, 197, 0.7); } 80 .bess-card:nth-child(2) { background: rgba(216, 230, 195, 0.7); } 81 .bess-card:nth-child(3) { background: rgba(250, 250, 242, 0.7); } 82 .bess-card:nth-child(4) { background: rgba(169, 194, 214, 0.7); } 83 84 .bess-card h3 { 85 color: var(--text-dark); 86 font-size: 1.3rem; 87 font-weight: 700; 88 margin: 0 0 24px; 89 } 90 91 .bess-card p { 92 color: var(--text-dark); 93 font-size: 1rem; 94 line-height: 1.55; 95 margin: 0; 96 } 97 98 @media (max-width: 900px) { 99 .bess-section { 100 padding-top: 100px; 101 } 102 .bess-cards { 103 flex-direction: column; 104 align-items: center; 105 } 106 .bess-card { 107 max-width: 480px; 108 min-height: unset; 109 } 110 } 111</style> 112</head> 113<body> 114 115 <nav class="navbar navbar-expand-lg navbar-dark nav-bg fixed-top"> 116 <a class="navbar-brand" href="index.html"><img class="logo" src="assets/logo/favicon.png" alt="" /></a> 117 <div class="text"> 118 <span class="line" style="margin-left: -15px; font-family: 'Nunito', sans-serif"> 119 Cell Propulsion</span> 120 <span class="line sub" style=" 121 font-size: 12px; 122 margin-left: -15px; 123 font-family: 'Nunito', sans-serif; 124 "> 125 Autonomous Electric Mobility 126 </span> 127 </div> 128 <button class="navbar-toggler" onclick="navbarClick()" type="button" data-toggle="collapse" data-target="#navbarNav" 129 aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> 130 <span class="navbar-toggler-icon"></span> 131 </button> 132 133 <div class="collapse navbar-collapse" id="navbarNav"> 134 <ul class="navbar-nav ml-auto"> 135 <li class="nav-item ml-3 mr-2" onclick="navbarClick()"> 136 <a class="nav-link" href="nwo.html" style="font-family: 'Nunito', sans-serif; margin-right:10px;"> 137 <img src="assets/img/nwoImg/logo.svg" alt="" class="nwo-logo"> <span class="sr-only">(current)</span></a> 138 </li> 139 <div style="width: 1px; 140 background: #2bb673; 141 align-self: stretch; 142 flex-shrink: 0;" ></div> 143 <li class="nav-item ml-3 mr-2" onclick="navbarClick()"> 144 <a class="nav-link" href="index.html#home" style="font-family: 'Nunito', sans-serif">Home</a> 145 </li> 146 <li class="nav-item ml-3 mr-2" onclick="navbarClick()"> 147 <a class="nav-link" href="index.html#about" style="font-family: 'Nunito', sans-serif">About Us</a> 148 </li> 149 <li class="nav-item ml-3 mr-2" onclick="navbarClick()"> 150 <a class="nav-link" href="index.html#products" style="font-family: 'Nunito', sans-serif">Products</a> 151 </li> 152 <li class="nav-item ml-3 mr-2" onclick="navbarClick()"> 153 <a class="nav-link active" href="bess.html" style="font-family: 'Nunito', sans-serif">BESS <span 154 class="sr-only">(current)</span></a> 155 </li> 156 <li class="nav-item ml-3 mr-2" onclick="navbarClick()"> 157 <a class="nav-link" href="services.html" style="font-family: 'Nunito', sans-serif">Services</a> 158 </li> 159 <li class="nav-item ml-3 mr-2" onclick="navbarClick()"> 160 <a class="nav-link" href="index.html#contact" style="font-family: 'Nunito', sans-serif">Contact Us</a> 161 </li> 162 </ul> 163 </div> 164 </nav> 165 166 <section class="bess-section"> 167 <h1 class="bess-title">Our BESS Solutions</h1> 168 169 <div class="bess-cards"> 170 <div class="bess-card"> 171 <h3>Financial Modeling</h3> 172 <p>We understand the techno-commercial sophistication of a BESS system and how it impacts ROI for the investor. Our battery engineering experience enables us to build a high fidelity financial model of the asset providing valuable insights to all stake holders</p> 173 </div> 174 175 <div class="bess-card"> 176 <h3>Project planning</h3> 177 <p>
177An end-to-end BESS project requires identifying and aligning of various stake holders such as financiers, suppliers, contractors on critical topics such as asset handling, asset warranty, AMC requirements etc. A good project plan has a footprint on the entire lifecycle of the asset. We help build these complex project plans for our clients</p> 178 </div> 179 180 <div class="bess-card"> 181 <h3>Technology due diligence</h3> 182 <p>Understanding whether a proposed BESS system would work or what are the typical technological risks associated with a certain BESS investment is at the core of an investment decision making process. With our background in developing battery tech for 10 years we bring in clear insights and help the investor make the right decision</p> 183 </div> 184 185 <div class="bess-card"> 186 <h3>Turnkey development</h3> 187 <p>Leveraging our core competency around engineering, tech development, supply chain optimisation and project planning, we have the unique set of skills to develop turnkey BESS projects, starting with client requirements to deployment and operationalisation of project at client site</p> 188 </div> 189 </div> 190 </section> 191 192
192<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
192 193
193<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.4/umd/popper.min.js"></script>
193 194
194<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/js/bootstrap.min.js"></script>
194 195
195<script src="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.19.1/js/mdb.min.js"></script>
195 196
196<script> 197 let show = false; 198 const navbar = document.getElementById("navbarNav"); 199 function navbarClick() { 200 if (show) { 201 navbar.classList.remove("show"); 202 show = false; 203 } else { 204 navbar.classList.add("show"); 205 show = true; 206 } 207 } 208 </script>
208 209 210</body> 211</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.