1 2<!DOCTYPE html> 3 4<html lang="en"> 5<head> 6<!-- Meta tags --> 7<meta charset="utf-8"/> 8<meta content="width=device-width, initial-scale=1.0" name="viewport"/> 9<title>About Us</title> 10<link href="/about/" rel="canonical"/> 11<link href="https://fonts.googleapis.com/css2?family=Alegreya:wght@400;700&family=Libre+Baskerville:wght@400;700&display=swap" rel="stylesheet"/> 12<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"/> 13<!-- jQuery, Popper.js, and Bootstrap JS -->
14<script src="https://files.stork-search.net/releases/v1.6.0/stork.js"></script>
vendor: 2 bytes, line 14
14
15<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
vendor: 2 bytes, line 15
15
16<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"></script>
vendor: 2 bytes, line 16
16
17<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
17 18<link href="/themify/css/themify-icons.css" rel="stylesheet"/> 19<link crossorigin="anonymous" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.0/css/all.min.css" integrity="sha512-9xKTRVabjVeZmc+GUW8GgSmcREDunMM+Dt/GrzchfN8tkwHizc5RP4Ok/MXFFy5rIjJjzhndFScTceq5e6GvVQ==" referrerpolicy="no-referrer" rel="stylesheet"/> 20<link href="/favicon.ico" rel="icon"/> 21<style> 22 23 24 :root { 25 --primary-color: #9b59b6; 26 --primary-light: rgba(26, 188, 156, 0.7); 27 --secondary-color: #8e44ad; 28 --accent-color: #f39c12; 29 --background-color: #ffffff; 30 --text-color: #2c3e50; 31 --heading-font: 'Alegreya', serif; 32 --body-font: 'Libre Baskerville', sans-serif; 33 --container-width: 960px; 34 --line-height: 1.56; 35 } 36 37 * { 38 box-sizing: border-box; 39 } 40 41 .column-66 { 42 float: left; 43 width: 66.66666%; 44 padding: 20px; 45 } 46 47 .column-33 { 48 float: left; 49 width: 33.33333%; 50 padding: 20px; 51 } 52 53 54 body { 55 font-family: var(--body-font); 56 font-size: 14px; 57 line-height: var(--line-height); 58 color: var(--text-color); 59 background-color: var(--background-color); 60 margin: 0; 61 padding: 0; 62 } 63 64 .post-content img { 65 max-width: 100%; 66 height: auto; 67 margin: 10px 0; 68 display: block; 69 } 70 71 h1, h2, h3, h4, h5, h6 { 72 font-family: var(--heading-font); 73 color: var(--primary-color); 74 margin-bottom: 0.5rem; 75 line-height: 1.2; 76 font-weight: 700; 77 } 78 79 h2 { 80 color: var(--primary-color); 81 } 82 83 h1 { font-size: 32px; } 84 h2 { font-size: 28px; } 85 h3 { font-size: 24px; } 86 h4 { font-size: 20px; } 87 88 p { margin-bottom: 0.5rem; } 89 section { margin-bottom: 1rem; } 90 91 /* Container styles */ 92 .container { 93 max-width: var(--container-width); 94 margin: 0 auto; 95 padding: 0 1.5rem; 96 } 97 98 /* generate header style*/ 99 header { 100 background-color: var(--primary-color); 101 color: #FFFFFF; 102 padding: 1.5rem 0; 103 position: relative; 104 box-shadow: 0 2px 4px rgba(0,0,0,0.1); 105 106 } 107 108 header h1 { 109 color: #FFFFFF; 110 font-weight: 700; 111 letter-spacing: 1px; 112 margin: 0; 113 } 114 115 /* Responsive navigation */ 116 nav { 117 font-family: var(--heading-font); 118 display: flex; 119 flex-wrap: wrap; 120 justify-content: center; 121 align-items: center; 122 margin-top: 1rem; 123 } 124 125 nav ul { 126 list-style: none; 127 display: flex; 128 flex-wrap: wrap; 129 margin: 0; 130 padding: 0; 131 color: #FFFFFF; 132 } 133 134 nav ul li { 135 margin: 0 1rem; 136 } 137 138 nav a { 139 color: #FFFFFF; 140 text-decoration: none; 141 padding: 0.5rem 0; 142 transition: color 0.3s; 143 } 144 145 nav a:hover { 146 color: var(--accent-color); 147 border-bottom: 2px solid var(--accent-color); 148 } 149 150 /* Button styles */ 151 .button { 152 display: inline-block; 153 padding: 0.75rem 1.5rem; 154 font-size: 1rem; 155 color: var(--background-color); 156 background-color: var(--primary-color); 157 border: none; 158 cursor: pointer; 159 transition: background-color 0.3s, transform 0.3s; 160 161 background-color: transparent; 162 color: var(--primary-color); 163 164 box-shadow: 0 2px 4px rgba(0,0,0,0.1); 165 } 166 167 .button:hover { 168 background-color: var(--accent-color); 169 transform: translateY(-2px); 170 } 171 172 /* Footer styles */ 173 footer { 174 background-color: var(--secondary-color); 175 color: #FFFFFF; 176 padding: 2rem 0; 177 box-shadow: 0 -2px 4px rgba(0,0,0,0.1); 178 } 179 180 /* generate footer style*/ 181 footer { 182 background-color: var(--secondary-color); 183 color: #FFFFFF; 184 padding: 2rem 0; 185 box-shadow: 0 -2px 4px rgba(0,0,0,0.1); 186 } 187 188 footer p { 189 margin: 0; 190 text-align: center; 191 } 192 193 /* Add shadows to cards */ 194 .card { 195 background-color: var(--background-color); 196 border-radius: 0.5rem; 197 overflow: hidden; 198 box-shadow: 0 2px 4px rgba(0,0,0,0.1); 199 margin-bottom: 1rem; 200 padding: 1.5rem; 201 } 202 203 /* Typography improvements */ 204 a { 205 color: var(--primary-color); 206 text-decoration: none; 207 transition: color 0.3s; 208 } 209 210 ul { 211 font-family: var(--heading-font); 212 color: var(--primary-color); 213 } 214 215 a:hover { 216 color: var(--accent-color); 217 } 218 219 /* Responsive grid */ 220 .row { 221 display: flex; 222 flex-wrap: wrap; 223 margin: 0 -0.5rem; 224 } 225 226 .col { 227 flex: 1; 228 padding: 0 0.5rem; 229 min-width: 250px; 230 } 231 232 .sidebar { 233 width: 250px; /* Set your desired fixed width here */ 234 } 235 236 /* Media queries for responsiveness */ 237 @media (max-width: 768px) { 238 nav ul { 239 flex-direction: column; 240 align-items: center; 241 } 242 243 .col { 244 flex: 100%; 245 } 246 } 247 248 /* Section CSS*/ 249 .section { 250 max-width: 1200px; 251 margin: auto; 252 } 253 254 .btn { 255 padding: 10px 20px; 256 border-radius: 5px; 257 text-decoration: none; 258 color: white; 259 } 260 261 .btn-primary { 262 background-color: #f44336; 263 } 264 265 .btn-secondary { 266 background-color: #555555; 267 } 268 269 .separator { 270 border: 0; 271 height: 1px; 272 background: #ccc; 273 margin: 20px 0; 274 } 275 276 /* nav bar css */ 277 .navbar-nav .nav-link { 278 padding-left: 10px; 279 padding-right: 5px; 280 } 281 282 283 .navbar-nav .nav-link { 284 font-size: 0.9rem; 285 } 286 287 .navbar-nav { 288 display: flex; 289 overflow-x: auto; 290 white-space: nowrap; 291 } 292 293 .navbar { 294 margin: 0; /* Ensure the navbar fits within the container */ 295 padding: 0; /* Reset default padding */ 296 height: auto; 297 } 298 299 .navbar-nav .nav-item { 300 padding: 0 10px; /* Reduce space between items */ 301 } 302 303 304 305 /* Additional styles based on component style */ 306 307 .card { 308 background-color: var(--background-color); 309 border: 1px solid #ddd; 310 border-radius: 0; 311 margin-bottom: 1.5rem; 312 } 313 314 315 /* Animations */ 316 317 a { 318 transition: color 0.3s, background-color 0.3s; 319 } 320 321 .button { 322 transition: background-color 0.3s, transform 0.3s; 323 } 324 325 .button:hover { 326 transform: translateY(-2px); 327 } 328 329 .card { 330 transition: transform 0.3s, box-shadow 0.3s;
331 } 332 333 .card:hover { 334 transform: translateY(-5px); 335 box-shadow: 0 10px 20px rgba(0,0,0,0.15); 336 } 337 338 339 /* Search bar CSS */ 340 341 342 #search-results {margin-top: 10px;} 343 344 .search-result { 345 border: 1px solid #ccc; 346 padding: 10px; 347 margin-bottom: 5px; 348 } 349 350 .search-result-item a { 351 text-decoration: none; 352 color: #2c3e50 !important; 353 } 354 355 .search-result p { 356 text-decoration: none; 357 color: '#fff' !important; 358 } 359 360 div.search-result h3 { 361 margin: 0; 362 color: #2c3e50 !important; 363 } 364 365 366 367 368 * { 369 box-sizing:border-box; 370 } 371 372 body { 373 margin: 0; 374 padding: 0; 375 font-family: Arial, Helvetica, sans-serif; 376 overflow-x: hidden; 377 } 378 379 .container { 380 padding: 64px; 381 } 382 383 .row:after { 384 content: ""; 385 display: table; 386 clear: both 387 } 388 389 .column-66 { 390 float: left; 391 width: 66.66666%; 392 padding: 20px; 393 } 394 395 .column-33 { 396 float: left; 397 width: 33.33333%; 398 padding: 20px; 399 } 400 401 .large-font { 402 font-size: 48px; 403 } 404 405 .xlarge-font { 406 font-size: 64px 407 } 408 409 .button { 410 border: none; 411 color: white; 412 padding: 14px 28px; 413 font-size: 16px; 414 cursor: pointer; 415 background-color: #04AA6D; 416 } 417 418 img { 419 display: block; 420 height: auto; 421 max-width: 100%; 422 } 423 424 425 .sidebar { 426 flex: 1; 427 background: #fff; 428 border: 1px solid #ddd; 429 border-radius: 8px; 430 padding: 20px; 431 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 432 } 433 434 435 .container-fluid { 436 max-width: 100%; 437 overflow-x: hidden; 438 padding: 0; 439 margin: 0; 440 position: absolute; 441 top: 100%; 442 left: 0; 443 z-index: 1000; 444 margin: 0; 445 padding: 0.5rem 0; 446 } 447 448 .dropdown-menu { 449 max-width: 100%; 450 overflow-x: hidden; 451 } 452 453 @media screen and (max-width: 1000px) { 454 .column-66, 455 .column-33 { 456 width: 100%; 457 text-align: center; 458 } 459 img { 460 margin: auto; 461 } 462 } 463 464 465 </style> 466</head> 467<body> 468<header> 469<div class="container"> 470<nav class="navbar navbar-expand-lg"> 471<h1><a class="navbar-brand" href="#">Cosmo Analytics</a></h1> 472<button class="navbar-toggler" data-target="#navbarNav" data-toggle="collapse" type="button"> 473<span class="navbar-toggler-icon"></span> 474</button> 475<div class="collapse navbar-collapse" id="navbarNav"> 476<ul class="navbar-nav ml-auto"> 477<li class="nav-item"><a class="nav-link" href="https://cosmoloto.pro/">Home</a></li> 478<li lass="nav-item"><a class="nav-link" href="https://cosmoloto.pro/about/">About Us</a></li> 479<li lass="nav-item"><a class="nav-link" href="https://cosmoloto.pro/contact/">Contact Us</a></li> 480<li class="nav-item dropdown"> 481<a aria-expanded="false" aria-haspopup="true" class="nav-link dropdown-toggle" data-toggle="dropdown" href="https://cosmoloto.pro/" id="megaMenu" role="button">Legal pages </a> 482<div aria-labelledby="megaMenu" class="dropdown-menu"> 483<a class="dropdown-item" href="https://cosmoloto.pro/disclaimer/">>Disclaimer</a> 484<a class="dropdown-item" href="https://cosmoloto.pro/privacy-policy/">>Privacy Policy</a> 485<a class="dropdown-item" href="https://cosmoloto.pro/terms-and-conditions/">>Terms and Conditions</a> 486</div> 487</li> 488<li class="nav-item dropdown"> 489<a aria-expanded="false" aria-haspopup="true" class="nav-link dropdown-toggle" data-toggle="dropdown" href="https://cosmoloto.pro/category/" id="megaMenu" role="button">Category Pages </a> 490<div aria-labelledby="megaMenu" class="dropdown-menu"> 491<a class="dropdown-item" href="https://cosmoloto.pro/category/how-to/">How to</a> 492<a class="dropdown-item" href="https://cosmoloto.pro/category/services/">Services</a> 493<a class="dropdown-item" href="https://cosmoloto.pro/category/review/">Review</a> 494</div> 495</li> 496</ul> 497</div> 498</nav> 499<div class="section" style="display: flex; flex-direction: column; align-items: center; padding: 2rem;"> 500<div class="image-container" style="flex: 1;"> 501<img alt="Cosmo Analytics" src="https://picsum.photos/seed/762/800/400" style="width: 100%; height: auto; border-radius: 8px;"/> 502</div> 503<div class="text-container col-auto ms-auto" style="flex: 1; padding: 1rem;"> 504<p>Professional Data Solutions</p> 505<div> 506<a class="btn btn-primary" href="https://cosmoloto.pro" style="margin-right: 10px;">Home</a> 507<a class="btn btn-secondary" href="https://cosmoloto.pro/about/">About Us</a> 508</div> 509</div> 510</div> 511</div> 512</header> 513<main> 514<div class="container"><h1>About Us</h1> 515<p>Founded by Danielle Lee, <strong><a href="https://cosmoloto.pro/" target="_blank" title="Cosmo Analytics">Cosmo Analytics</a></strong> ventured into the digital space with one primary objective: exploring the unobservable universe and making complex space analytics simple.</p> 516<h2>A Journey into the Cosmos</h2> 517<p>Cosmo Analytics emerged into the scenes in 2015 as a powerful concept that combined two traditionally disassociated sectors - calculus and cosmos. A dedicated veteran of mathematics and a lover of star-studded skies, Danielle Lee always felt the profound romance between numbers and twinkling celestial bodies above. It was inevitable then, that she would fuse these two passions into a single, great pursuit - slicing the enigmatic universe quantitatively and demystifying space for the everyday mind.</p> 518<h2>Objectives, and Our Team</h2> 519<p>Here at Cosmo Analytics, our mission is to process space scientists' c
519omplex, analytical perspectives into consumable content for the common space-enthusiast. Through our array of blog posts, webinars, and toolkits, we aim to shape the universe more comprehensible and a little less intimidating. </p> 520<p>Our target audience ranges from the inquisitive reader who's just searching for âwhatâs beyondâ to a veteran astronaut passionate about sharing their experiences in the galaxy with the world. </p> 521<p>At the heart of all our efforts is a team enthralling its love and mission for cosmos onto a digital platform. From proficient physicists, acclaimed mathematicians, veteran astronauts, experienced educators, to skilled illustrators and digital expert wizards - Cosmo Analytics boasts diversified bands of experts.</p> 522<h2>Why Cosmo Analytics</h2> 523<p>True to our roots, Cosmo Analytics strives to uphold our long-standing core values: accuracy, simplicity, and inclusivity. By upbringing each article, infographic, and post that you see and devour here, we vent sights on rendering seemingly cumbersome ideas, theories, and perspectives of the cosmos easy to decipher and overall enjoyable.</p> 524<p>Known for returning cosmosâs elegance to laymanâs perspectives, we invite anyone who's in prick by a passion for extracting and contemplating big splashy numbers, figures, data, and insightful stories straight out of the superior dark territories above.</p> 525<p><strong>Cosmo Analytics</strong> stems from the eye-opening gasp at an astronomer's deductions and backed by math's assurance down to its last decimal. We abide by our founding motto â the mission to bring the unfathomable magic of multi-dimensional galaxies closer to dimensions known better by human comprehension. </p> 526<p>Stand with Cosmo Analytics, witness a love story between calculus and cosmos, and join us in our journey as we pull down the sky within the reach at the tips of your curious fingers.</p><p>If you have any questions about these Terms, please <a href="https://cosmoloto.pro/contact/" target="_blank" title="Contact Us">Contact Us</a>.</p></div> 527</main>
527<script> 528 let jsonData = []; // JSON data will be loaded here. 529 530 fetch('search-index.json') 531 .then(response => response.json()) 532 .then(data => { 533 jsonData = data; // Save the JSON data for filtering. 534 }) 535 .catch(error => console.error('Error fetching JSON data:', error)); 536 537 function filterResults() { 538 const query = document.getElementById('search-input').value.trim().toLowerCase(); 539 const resultsContainer = document.getElementById('search-results'); 540 541 // Clear results if input is blank 542 if (query.trim() === '') { 543 resultsContainer.innerHTML = ''; // Clear previous results 544 return; 545 } 546 547 const filteredData = jsonData.filter(item => 548 item.title.toLowerCase().includes(query) || 549 item.content.toLowerCase().includes(query) 550 ); 551 552 553 if (filteredData.length === 0) { 554 resultsContainer.innerHTML = '<p class="text-muted">No results found.</p>'; 555 } else { 556 resultsContainer.innerHTML = filteredData.map(item => ` 557 <div class="search-result-item border rounded p-2 mb-2"> 558 <h5><a href="${item.url}" target="_blank">${item.title}</a></h5> 559 <p>${item.content.substring(0, 150)}...</p> 560 </div> 561 `).join(''); 562 } 563 } 564 </script>
vendor: 2 bytes, line 564
564
565<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
565 566<!-- footer Start --> 567<footer class="footer section"> 568<div class="container"> 569<div class="row footer-btm pt-4"> 570<div class="col-lg-4 col-md-12 col-sm-12"> <div center;\"="" class='\"copyright\"' style='\"text-align:'>©
570<script>document.write(new Date().getFullYear());</script>
570 Cosmo Analytics. All rights reserved.</div></div> 571<div class="col-lg-4 col-md-12 col-sm-12 ml-auto text-right"> 572<ul class="list-inline footer-socials"> 573<li class="list-inline-item"><a href="https://cosmoloto.pro"><i class="ti-facebook mr-2"></i>Facebook</a></li> 574<li class="list-inline-item"><a href="https://cosmoloto.pro"><i class="ti-twitter mr-2"></i>Twitter</a></li> 575<li class="list-inline-item"><a href="https://cosmoloto.pro"><i class="ti-linkedin mr-2"></i>Linkedin</a></li> 576</ul> 577</div> 578</div> 579</div> 580</footer>
581<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"246f9d35d5ad4778819491754290d5dc","r":1,"spa":2}' crossorigin="anonymous"></script>
581 582</body> 583</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.