PageSourceSearch

https://cosmoloto.pro/about/

html cosmoloto.pro collected 2026-10-07 23:57:12 UTC 21,403 bytes, 583 lines download raw bytes

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&amp;family=Libre+Baskerville:wght@400;700&amp;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/">&gt;Disclaimer</a>
484<a class="dropdown-item" href="https://cosmoloto.pro/privacy-policy/">&gt;Privacy Policy</a>
485<a class="dropdown-item" href="https://cosmoloto.pro/terms-and-conditions/">&gt;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.