1<!DOCTYPE html> 2 3 4 5<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> 6<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> 7<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> 8<!--[if (gte IE 9)|!(IE)]><!--> 9<html lang="en"> 10 <head> 11 12 13 14 15 16 17 18 19<!-- Begin Google Analytics Consent - for cookieconsent -->
20<script src="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.js" data-cfasync="false"></script>
20 21<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.css" />
22<script> 23 var popup; 24 window.addEventListener('load', function(){ 25 window.cookieconsent.initialise({ 26 palette: { 27 popup: { 28 background: "#08c", 29 text: "#ffffff" 30 }, 31 button: { 32 background: "transparent", 33 text: "#ffffff", 34 border: "#ffffff" 35 } 36 }, 37 type: "info", 38 theme: "classic", 39 position: "bottom-left", 40 law: { 41 regionalLaw: true, 42 }, 43 //location: true, 44 content: { 45 href: "/cookiepolicy" 46 }, 47 onInitialise: function(status) { 48 setCookies() 49 }, 50 onStatusChange: function(status) { 51 if (!this.hasConsented()){ 52 deleteCookies(this.options.cookie.name) 53 } 54 } 55 }); 56 }); 57 58
vendor: 130 bytes, lines 58-61
58window.dataLayer = window.dataLayer || []; 59 function gtag(){dataLayer.push(arguments);} 60 gtag('js', new Date()); 61 gtag('config', '
61UA-109828091-1
vendor: 30 bytes, lines 61-63
61', {'anonymize_ip': true}); 62 63
63gtag('js', new Date()); 64 gtag('config', 'G-HD6F4W0SB3'); 65 66 function setCookies() { 67 var s = document.createElement('script'); 68 s.type = "text/javascript" 69 s.async = "true"; 70 s.src = "https://www.googletagmanager.com/gtag/js?id=UA-109828091-1"; 71 var x = document.getElementsByTagName('script')[0]; 72 x.parentNode.insertBefore(s, x); 73 74 var s = document.createElement('script'); 75 s.type = "text/javascript" 76 s.async = "true"; 77 s.src = "https://www.googletagmanager.com/gtag/js?id=G-HD6F4W0SB3"; 78 var x = document.getElementsByTagName('script')[0]; 79 x.parentNode.insertBefore(s, x); 80 }; 81 setCookies(); 82 83 function deleteCookies(cookieconsent_name) { 84 var keep = [cookieconsent_name, "DYNSRV"]; 85 document.cookie.split(';').forEach(function(c) { 86 c = c.split('=')[0].trim(); 87 if (!~keep.indexOf(c)) 88 document.cookie = c + '=;' + 'expires=Thu, 01 Jan 1970 00:00:00 UTC;path=/'; 89 }); 90 }; 91</script>
91 92<!-- End Google Analytics Consent --> 93 94 95 <!-- Basic --> 96 <meta charset="utf-8"> 97 <meta http-equiv="X-UA-Compatible"> 98 99 <meta name="keywords" content=" 100Mind mapping, mind flow, mind maps,maps,idea maps 101" /> 102 <meta name="description" content=" 103The go-to tool for all your mind mapping needs! Unlimited map customization features and easy to use UI. Create.Share.Export your mind maps! Try now for free! 104"> 105 <meta name="author" content="MapsOfMind"> 106 107 108 <meta name="description" content="The go-to tool for all your mind mapping needs! Unlimited map customization features and easy to use UI. Create.Share.Export your mind maps!"/> 109 110 111 112 <meta name="keywords" content="Mind mapping, mind flow, mind maps,maps,idea maps,productivity,study,knowledge map,concept map"> 113 114 115 116 <meta property="og:url" content="mapsofmind.com" /> 117 118 119 120 <meta property="og:title" content="MapsOfMind" /> 121 122 123 124 <meta property="og:description" content="The go-to tool for all your mind mapping needs! Unlimited map customization features and easy to use UI. Create.Share.Export your mind maps!" /> 125 126 127 128 <meta property="og:image" content="/static/resources/logos/white_logo.png" /> 129 130 131 <meta property="twitter:card" content="summary_large_image" /> 132 133 <meta property="twitter:title" content="MapsOfMind" /> 134 135 136 137 <meta property="twitter:description" content="The go-to tool for all your mind mapping needs! Unlimited map customization features and easy to use UI. Create.Share.Export your mind maps!" /> 138 139 140 141 <meta property="twitter:image" content="/static/resources/logos/white_logo.png" /> 142 143 144 <!-- SITE TITLE --> 145 146 <title>MapsOfMind</title> 147 148 149 <!-- Favicon --> 150 <link rel="icon" href="/static/resources/logos/icons/ico/favicon.ico" type="image/x-icon" /> 151 <link rel="shortcut icon" href="/static/resources/logos/icons/ico/favicon.ico" type="image/x-icon" /> 152 <link rel="apple-touch-icon" href="/static/resources/logos/icons/apple-touch-icon.png"> 153 154 <!-- Mobile Metas --> 155 <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0"> 156 157 <!-- Web Fonts --> 158 <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800%7CShadows+Into+Light" rel="stylesheet"> 159 <link href="https://fonts.googleapis.com/css2?family=Quando" rel="stylesheet">
vendor: 82 bytes, lines 159-162
159 160 <script src="https://www.google.com/recaptcha/api.js" async defer></script> 161 162
162<link rel="stylesheet" href="/static/CACHE/css/output.a4590151c821.css" type="text/css"> 163 164 165 <input type="hidden" name="csrfmiddlewaretoken" value="noFRZMhyhmdeoXGIl05kjYpqWz1ic89pnklt2eYo0tW1lztfExUcGKNNK77l3Bv4"> 166
166<script type="text/javascript"> 167 var csrftoken = document.getElementsByName("csrfmiddlewaretoken")[0].value 168 </script>
168 169 170 171 172 173
173<script> 174/* 175!function() { 176 var t = window.driftt = window.drift = window.driftt || []; 177 if (!t.init) { 178 if (t.invoked) return void (window.console && console.error && console.error("Drift snippet included twice.")); 179 t.invoked = !0, t.methods = [ "identify", "config", "track", "reset", "debug", "show", "ping", "page", "hide", "off", "on" ], 180 t.factory = function(e) { 181 return function() { 182 var n = Array.prototype.slice.call(arguments); 183 return n.unshift(e), t.push(n), t; 184 }; 185 }, t.methods.forEach(function(e) { 186 t[e] = t.factory(e); 187 }), t.load = function(t) { 188 var e = 3e5, n = Math.ceil(new Date() / e) * e, o = document.createElement("script"); 189 o.type = "text/javascript", o.async = !0, o.crossorigin = "anonymous", o.src = "https://js.driftt.com/include/" + n + "/" + t + ".js"; 190 var i = document.getElementsByTagName("script")[0]; 191 i.parentNode.insertBefore(o, i); 192 }; 193 } 194}(); 195drift.SNIPPET_VERSION = '0.3.1'; 196drift.load('zptvzevmn3mg'); 197*/ 198</script>
198 199 200 201 202 203 204
204<script>
vendor: 125 bytes, lines 204-207
204 205 (function(h,o,t,j,a,r){ 206 h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; 207 h._hjSettings={hjid:
2071866235
vendor: 258 bytes, lines 207-212
207,hjsv:6}; 208 a=o.getElementsByTagName('head')[0]; 209 r=o.createElement('script');r.async=1; 210 r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; 211 a.appendChild(r); 212 })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
213</script>
213 214 215 216 217 218
218<script type="application/ld+json"> 219 [{ 220 "@context": "http://schema.org", 221 "@type": "Organization", 222 "url": "http://www.mapsofmind.com", 223 "name": "MapsOfMind", 224 "logo": "https://www.mapsofmind.com/static/img/apple-touch-icon.png" 225 }, 226 { 227 "@type": "ItemList", 228 "itemListElement": [ 229 { 230 "@type": "ListItem", 231 "position": "1", 232 "item": { 233 "@type": "Map", 234 "url": "https://www.mapsofmind.com/viewmap/24d9c0c89b653a1f550b594077a14781", 235 "name": "Crypto Resources and Ideas", 236 "image": "https://mapsofmind.com/mapthumbnail/24d9c0c89b653a1f550b594077a14781", 237 "author": { 238 "@type": "Person", 239 "name": "pk78"}, 240 "datePublished": "2017-08-12", 241 "description": "A mind map of some crypto resources I want to read and some of my ideas", 242 "aggregateRating": { 243 "@type": "AggregateRating", 244 "viewCount": "167" 245 } 246 } 247 }, 248 { 249 "@type": "ListItem", 250 "position": "2", 251 "item": { 252 "@type": "Map", 253 "url": "https://www.mapsofmind.com/viewmap/bcaf55b86f0dba334342114bde46a8eb", 254 "name": "On Startups", 255 "image": "https://www.mapsofmind.com/mapthumbnail/bcaf55b86f0dba334342114bde46a8eb", 256 "author": { 257 "@type": "Person", 258 "name": "pk78"}, 259 "datePublished": "2017-09-12", 260 "description": "Thoughts on how to start one, interesting articles, blogs, and other related resources", 261 "aggregateRating": { 262 "@type": "AggregateRating", 263 "viewCount": "167" 264 } 265 } 266 }, 267 { 268 "@type": "ListItem", 269 "position": "3", 270 "item": { 271 "@type": "Map", 272 "url": "https://www.mapsofmind.com/viewmap/1aadcedf27e531574fa68caff1504ac0", 273 "name": "Explore MapsOfMind's InfoBox!", 274 "image": "https://www.mapsofmind.com/mapthumbnail/1aadcedf27e531574fa68caff1504ac0", 275 "author": { 276 "@type": "Person", 277 "name": "pk78"}, 278 "datePublished": "2017-10-12", 279 "description": "Learn about the various boxes and their uses in this mind map which explains all the features of the InfoBox!", 280 "aggregateRating": { 281 "@type": "AggregateRating", 282 "viewCount": "80" 283 } 284 } 285 } 286 ] 287 }] 288 </script>
288 289 290 </head> 291 <body class="" data-loading-overlay> 292 293 <div id="fb-root"></div> 294
294<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v7.0&appId=1555387267815489&autoLogAppEvents=1"></script>
294 295 296 <div class="loading-overlay"> 297 <div class="bounce-loader"> 298 <div class="bounce1"></div> 299 <div class="bounce2"></div> 300 <div class="bounce3"></div> 301 </div> 302 </div> 303 <div class="body"> 304 305 <header id="header" data-plugin-options="{'stickyEnabled': true, 'stickyEnableOnBoxed': true, 'stickyEnableOnMobile': true, 'stickyStartAt': 55, 'stickySetTop': '-55px', 'stickyChangeLogo': true}"> 306 307 <div class="header-body"> 308 <div class="header-container container"> 309 <div class="header-row"> 310 <div class="header-column"> 311 <div class="header-row"> 312 <div class="header-logo"> 313 <a href="/"> 314 315 <img alt="MapsOfMind" width="201" height="35" data-sticky-width="152" data-sticky-height="26" data-sticky-top="35" src='/static/resources/logos/logo-small.png'> 316 317 </a> 318 </div> 319 </div> 320 </div> 321 <div class="header-column justify-content-end"> 322 323 <div class="header-row pt-3"> 324 <nav class="header-nav-top"> 325 <ul class="nav nav-pills"> 326 <li class="nav-item d-none d-sm-block"> 327 <a class="nav-link" href="/about/"><i class="fa fa-angle-right"></i> About</a> 328 </li> 329 <li class="nav-item d-none d-sm-block"> 330 <a class="nav-link" href="/contact/"><i class="fa fa-angle-right"></i> Contact</a> 331 </li> 332 </ul> 333 </nav> 334 </div> 335 336 <div class="header-row"> 337 <div class="header-nav"> 338 <div class="header-nav-main header-nav-main-effect-1 header-nav-main-sub-effect-1"> 339 <nav class="collapse"> 340 <ul class="nav nav-pills" id="mainNav"> 341 342 <li class=""> 343 <a class="nav-link " href="/publicmaps/"> 344 Public Maps 345 </a> 346 </li> 347 348 <li class=""> 349 <a class="nav-link " href="/help/"> 350 Help 351 </a> 352 </li> 353 <li class=""> 354 <a class="nav-link " href="/pricing/"> 355 Pricing 356 </a> 357 </li> 358 <li class=""> 359 <a class="nav-link " href="/signup/"> 360 Sign Up 361 </a> 362 </li> 363 <li class=""> 364 <a class="nav-link " href="/login/"> 365 Sign In 366 </a> 367 </li> 368 369 </ul> 370 </nav> 371 </div> 372 <button class="btn header-btn-collapse-nav" data-toggle="collapse" data-target=".header-nav-main nav"> 373 <i class="fa fa-bars"></i> 374 </button> 375 </div> 376 </div> 377 </div> 378 </div> 379 </div> 380 </div> 381 </header> 382 383 384 385 <div role="main" class="main"> 386 387 <div class="slider-container rev_slider_wrapper" style="height: 677px;"> 388 <div id="revolutionSlider" class="slider rev_slider" data-plugin-revolution-slider data-plugin-options="{'delay': 9000, 'gridwidth': 800, 'gridheight': 677, 'responsiveLevels': [4096,1200,992,500]}"> 389 <ul> 390 <li data-transition="fade"> 391 392 <img src="/static/resources/landing_page/img/parallax-7.jpg" 393 alt="landing-background-1" 394 data-bgposition="center center" 395 data-bgfit="cover" 396 data-bgrepeat="no-repeat" 397 class="rev-slidebg"> 398 <div class="tp-caption featured-label title-font" 399 data-x="center" 400 data-y="center" data-voffset="-45" 401 data-start="500" 402 data-fontsize="['62','62','62','72']" 403 style="z-index: 5;font-family: 'Quando', serif;letter-spacing: 5px;color:#000;" 404 data-transform_in="y:[100%];s:500;" 405 data-transform_out="opacity:0;s:500;">MAPS<span style="letter-spacing: normal;margin:0px 10px;font-family: 'Quando', serif !important;font-size: 30px;color: #0088cc;position:relative;top:-10px;">Of</span>MIND</div> 406 <div class="tp-caption bottom-label" 407 data-x="center" data-hoffset="0" 408 data-y="center" data-voffset="5" 409 data-start="2000" 410 data-fontsize="['20','20','20','30']" 411 style="z-index: 5;color:black;" 412 data-transform_in="y:[100%];opacity:0;s:500;">The most feature filled and customizable mind mapper out there.</div> 413 <div class="tp-caption" 414 data-x="['center','center','center','center']" data-hoffset="[+600,+400,+300,+200]" 415 data-y="['center','center','center','center']" 416 data-start="950" 417 data-transform_in="y:[100%];opacity:0;s:300;"><img src="/static/resources/landing_page/img/slides/ex3-t-min.png" alt=""></div> 418 <div class="tp-caption" 419 data-x="['center','center','center','center']" data-hoffset="[-650,-450,-350,-250]" 420 data-y="['center','center','center','center']" data-voffset="[-150,-130,-110,-90]" 421 data-start="1450" 422 data-transform_in="y:[100%];opacity:0;s:300;"><img src="/static/resources/landing_page/img/slides/ex1-t-min.png" alt=""></div> 423 <div class="tp-caption" 424 data-x="['center','center','center','center']" data-hoffset="[-400,-300,-200,-100]" 425 data-y="['center','center','center','center']" data-voffset="[+150,+170,+190,+210]" 426 data-start="1950" 427 data-transform_in="y:[100%];opacity:0;s:300;"><img src="/static/resources/landing_page/img/slides/ex2-t-min.png" alt=""></div> 428 429 </li> 430 <li data-transition="fade"> 431 <img src="/static/resources/landing_page/img/homepage_landing2-min_compressed.jpg" 432 alt="landing-background-2" 433 data-bgposition="center center" 434 data-bgfit="cover" 435 data-bgrepeat="no-repeat" 436 class="rev-slidebg"> 437 438 <div class="tp-caption" 439 data-x="center" data-hoffset="-170" 440 data-y="center" data-voffset="-95" 441 data-start="1000" 442 style="z-index: 5" 443 data-transform_in="x:[-300%];opacity:0;s:500;"><img src="/static/resources/landing_page/img/slides/slide-title-border.png" alt=""></div> 444 445 <div class="tp-caption top-label" 446 data-x="center" data-hoffset="0" 447 data-y="center" data-voffset="-95" 448 data-start="500" 449 style="z-index: 5;font-family: 'Quando', serif;" 450 data-transform_in="y:[-300%];opacity:0;s:500;">MAKE INFORMATION</div> 451 452 <div class="tp-caption" 453 data-x="center" data-hoffset="170" 454 data-y="center" data-voffset="-95" 455 data-start="1000" 456 style="z-index: 5" 457 data-transform_in="x:[300%];opacity:0;s:500;"><img src="/static/resources/landing_page/img/slides/slide-title-border.png" alt=""></div> 458 459 <div class="tp-caption main-label" 460 data-x="center" data-hoffset="0" 461 data-y="center" data-voffset="-45" 462 data-start="1500" 463 data-whitespace="nowrap" 464 data-transform_in="y:[100%];s:500;"
465 data-transform_out="opacity:0;s:500;" 466 style="z-index: 5;font-family: 'Quando', serif;" 467 data-mask_in="x:0px;y:0px;">DIGESTIBLE</div> 468 469 <div class="tp-caption bottom-label" 470 data-x="center" data-hoffset="0" 471 data-y="center" data-voffset="5" 472 data-start="2000" 473 data-fontsize="['20','20','20','30']" 474 style="z-index: 5" 475 data-transform_in="y:[100%];opacity:0;s:500;">Check out the features of MapsOfMind</div> 476 477 <a class="tp-caption btn btn-lg btn-primary btn-slider-action" 478 href="/help/features" 479 data-x="center" data-hoffset="0" 480 data-y="center" data-voffset="80" 481 data-start="2200" 482 data-whitespace="nowrap" 483 data-fontsize="['22','22','22','32']" 484 data-transform_in="y:[100%];s:500;" 485 data-transform_out="opacity:0;s:500;" 486 style="z-index: 5" 487 data-mask_in="x:0px;y:0px;">Explore The Features!</a> 488 489 </li> 490 </ul> 491 </div> 492 </div> 493 <div class="home-intro" id="home-intro"> 494 <div class="container"> 495 496 <div class="row align-items-center"> 497 <div class="col-lg-8"> 498 <p> 499 The go-to tool for all your <span class="alternative-font-3" style='font-size:1.2em'>mind mapping</span> needs!<br><br> 500 Declutter your mind and <span class="alternative-font-3" style='font-size:1.2em'>conquer</span> information overload! 501 </p> 502 </div> 503 <div class="col-lg-4"> 504 <a href="/sandbox" style='font-weight: 600;' class="tp-caption btn btn-primary mr-3" data-appear-animation-delay="0">TRY CREATING A MAP</a> 505 </div> 506 </div> 507 508 </div> 509 </div> 510 <div class="container"> 511 512 <div class="row text-center"> 513 <div class="col"> 514 <h2 class="mb-2 word-rotator-title"> 515 Map your 516 <strong class="inverted"> 517 <span class="word-rotator" data-plugin-options="{'delay': 2000, 'animDelay': 300}"> 518 <span class="word-rotator-items"> 519 <span>thoughts</span> 520 <span>ideas</span> 521 <span>mind flow</span> 522 </span> 523 </span> 524 </strong> 525 in one place 526 </h2> 527 <p class="lead"> 528 An intuivitive way to organize your ideas and thoughts<br> 529 </p> 530 </div> 531 </div> 532 533 </div> 534 535 <div class="container"> 536 <div class="row text-center"> 537 <div class="col"> 538 <div style="margin: 45px 0px -30px; overflow: hidden;"> 539 <img src="/static/resources/landing_page/png/landing-small-map.png" class="img-fluid appear-animation" data-appear-animation="fadeInUp" alt="small-mindmap"> 540 </div> 541 </div> 542 </div> 543 </div> 544 545 <section class="section"> 546 <div class="container"> 547 548 <div class="row"> 549 <div class="col"> 550 <div class="row"> 551 <div class="col-lg-4"> 552 <div class="feature-box feature-box-style-2"> 553 <div class="feature-box-icon"> 554 <i class="fa fa-file-image-o"></i> 555 </div> 556 <div class="feature-box-info"> 557 <h4 class="mb-0">Export</h4> 558 559 <p class="mb-4">Export your maps to <span class="alternative-font-3">pdf</span>, <span class="alternative-font-3">png</span> and <span class="alternative-font-3">txt</span>. More formats coming soon!</p> 560 561 562 </div> 563 </div> 564 <div class="feature-box feature-box-style-2"> 565 <div class="feature-box-icon"> 566 <i class="fa fa-code-fork"></i> 567 </div> 568 <div class="feature-box-info"> 569 <h4 class="mb-0">Share and Fork</h4> 570 <p class="mb-4">Share your map with others or fork other maps and edit it as your own</p> 571 </div> 572 </div> 573 </div> 574 <div class="col-lg-4"> 575 <div class="feature-box feature-box-style-2"> 576 <div class="feature-box-icon"> 577 <span class="icon-bgpattern2" style="color: #0088cc;font-size: 2em;"></span> 578 </div> 579 <div class="feature-box-info"> 580 <h4 class="mb-0">Custom Backgrounds</h4> 581 582 <p class="mb-4">Plain white is boring! You can now customize the map background with a variety of <span class="alternative-font-3">colors</span> and <span class="alternative-font-3">patterns</span></p> 583 584 585 </div> 586 </div> 587 <div class="feature-box feature-box-style-2"> 588 <div class="feature-box-icon"> 589 <i class="fa fa-object-group"></i> 590 </div> 591 <div class="feature-box-info"> 592 <h4 class="mb-0">Map almost any content</h4> 593 594 <p class="mb-4">Use different <span class="alternative-font-3">content boxes</span> to effectively organize and visualize information</p> 595 596 597 </div> 598 </div> 599 </div> 600 <div class="col-lg-4"> 601 <div class="feature-box feature-box-style-2"> 602 <div class="feature-box-icon"> 603 <i class="fa fa-sliders"></i> 604 </div> 605 <div class="feature-box-info"> 606 <h4 class="mb-0">
606Limitless Customization</h4> 607 608 <p class="mb-4">Organize your information in many ways using the different boxes inside <span class="alternative-font-3">InfoBox</span></p> 609 610 </div> 611 </div> 612 <div class="feature-box feature-box-style-2"> 613 <div class="feature-box-icon"> 614 <i class="fa fa-group"></i> 615 </div> 616 <div class="feature-box-info"> 617 <h4 class="mb-0">Missing anything?</h4> 618 619 <p class="mb-4">Any issues with the features? Do you have any feature requests? Contact us <span class="alternative-font-3"><a href="/cdn-cgi/l/email-protection#b6c5c3c6c6d9c4c2f6dbd7c6c5d9d0dbdfd8d298d5d9db">here</a></span>!</p> 620 621 </div> 622 </div> 623 </div> 624 </div> 625 </div> 626 </div> 627 </div> 628 </section> 629 630 <div class="container"> 631 <div class="row"> 632 <div class="col-lg-5"> 633 <!--<img class="img-fluid mt-5" src="/static/resources/landing_page/png/landing-boxes-example2.png" alt="infobox-colors">--> 634 <img class="img-fluid mt-5" src="/static/resources/landing_page/gif/infobox-speedrun2.gif" alt="infobox-colors"> 635 </div> 636 <div class="col-lg-7 col-lg-offset-1"> 637 638 <h2 class="mt-5">Use <strong>Boxes</strong> to organize your map</h2> 639 640 <p class="lead"> 641 Organize your information with MindMap's InfoBox which can be customized by adding rich text editor, website summary, todo-list and comment box. 642 </p> 643 </div> 644 </div> 645 646 <hr class="tall"> 647 648 <div class="row"> 649 <div class="col-lg-7"> 650 651 <h2 class="mt-5"><strong>Visualize</strong> your ideas</h2> 652 653 <p class="lead"> 654 You can customize the size, color of each individual InfoBoxes to better visualize your ideas and thoughts. Every single connectors is also highly customizable 655 </p> 656 </div> 657 <div class="col-lg-5 col-lg-offset-1 mt-5"> 658 <!--<img class="img-fluid" src="/static/resources/landing_page/png/landing-infobox-color.png" alt="infobox-boxes">--> 659 <img class="img-fluid" src="/static/resources/landing_page/gif/customize-conn.gif" alt="infobox-boxes"> 660 </div> 661 </div> 662 663 <hr class="tall"> 664 665 <div class="row"> 666 <div class="col-lg-5"> 667 <!--<img class="img-fluid mt-5" src="/static/resources/landing_page/png/landing-ui-example4.png" alt="mapeditor-ui">--> 668 <img class="img-fluid mt-5" src="/static/resources/landing_page/gif/infobox-feature-speedrun.gif" alt="mapeditor-ui"> 669 </div> 670 <div class="col-lg-7 col-lg-offset-1"> 671 672 <h2 class="mt-5">Simple <strong>UI</strong></h2> 673 674 <p class="lead"> 675 Easy to use, easy to navigate. Effortlessly create complex maps. Mind mapping at its simplest without compromising on features. 676 </p> 677 </div> 678 </div> 679 680 <hr class="tall"> 681 682 <div class="row"> 683 <div class="col-lg-7"> 684 685 <h2 class="mt-5">Add to your mind map from <strong>anywhere</strong></h2> 686 687 <p class="lead"> 688 Find something interesting on a website you're currently looking at? Send URLs, text content from any website directly to your mind map with a single click! 689 </p> 690 </div> 691 <div class="col-lg-5 col-lg-offset-1 mt-5"> 692 <img class="img-fluid" src="/static/resources/landing_page/gif/save-to-map-chrome-demo.gif" alt="save-to-map-chrome-demo"> 693 </div> 694 </div> 695 696 <hr class="tall"> 697 698 699 <div class="row"> 700 <div class="col-lg-5 col-lg-offset-1 mt-5"> 701 <img class="img-fluid" src="/static/resources/landing_page/gif/infobox-autoarrange-demo.gif" alt="autoarrange-infobox-boxes"> 702 </div> 703 <div class="col-lg-7"> 704 705 <h2 class="mt-5"><strong>Auto-Organize</strong> your mind maps</h2> 706 707 <p class="lead"> 708 Choose from 7 auto arrangement configurations - forget about individually dragging InfoBoxes and organizing your large maps! Let MapsOfMind help you! 709 </p> 710 </div> 711 </div> 712 713 <hr class="tall"> 714 715 716 </div> 717 <div class="container"> 718 <div class="row text-center"> 719 <div class="col"> 720 <h2 class="mb-0 word-rotator-title mt-4"> 721 Check out some mind maps created using <span style="font-family: 'Quando', serif !important;">Maps<span style="letter-spacing: normal;margin:0px 5px;font-family: 'Quando', serif !important;font-size: 15px;color: #0088cc;position:relative;top:0px;top:-3px;">Of</span>Mind</span><br> 722 View more public maps <span class="alternative-font-3" style="font-size: 1em;"><a href='/publicmaps'>here</a></span>.<br> 723 We're constantly listening to your feedback! Learn about new features <span class="alternative-font-3" style="font-size: 1em;"><a href='/help/new_in_mapsofmind'>here</a></span>. 724 </h2>
725 </div> 726 </div> 727 </div> 728 <br> 729 <br> 730 <br> 731 <div class="image-gallery sort-destination full-width mb-0 d-flex justify-content-center"> 732 <div class="isotope-item" style="width:27%;"> 733 <div class="image-gallery-item mb-0 px-3"> 734 <span class="thumb-info thumb-info-centered-icons thumb-info-centered-info my-custom-style"> 735 <span class="thumb-info-wrapper"> 736 <a href="https://www.mapsofmind.com/viewmap/24d9c0c89b653a1f550b594077a14781"> 737 <img src="https://mapsofmind.com/mapthumbnail/24d9c0c89b653a1f550b594077a14781" class="img-fluid" alt="Crypto Resources and Ideas"> 738 </a> 739 <span class="thumb-info-title"> 740 <span class="thumb-info-inner">Crypto Resources and Ideas</span> 741 <span class="thumb-info-type"><i class='fa fa-globe'></i></span> 742 </span> 743 <span class="thumb-info-action"> 744 <a href="https://www.mapsofmind.com/viewmap/24d9c0c89b653a1f550b594077a14781"> 745 <span class="thumb-info-action-icon thumb-info-action-icon-primary" title=""><i class="fa fa-eye"></i></span> 746 </a> 747 </span> 748 </span> 749 </span> 750 </div> 751 </div> 752 <div class="isotope-item" style="width:27%;"> 753 <div class="image-gallery-item mb-0 px-3"> 754 <span class="thumb-info thumb-info-centered-icons thumb-info-centered-info my-custom-style"> 755 <span class="thumb-info-wrapper"> 756 <a href="https://mapsofmind.com/viewmap/bcaf55b86f0dba334342114bde46a8eb"> 757 <img src="https://mapsofmind.com/mapthumbnail/bcaf55b86f0dba334342114bde46a8eb" class="img-fluid" alt="On Startups"> 758 </a> 759 <span class="thumb-info-title"> 760 <span class="thumb-info-inner">On Startups</span> 761 <span class="thumb-info-type"><i class='fa fa-globe'></i></span> 762 </span> 763 <span class="thumb-info-action"> 764 <a href="https://mapsofmind.com/viewmap/bcaf55b86f0dba334342114bde46a8eb"> 765 <span class="thumb-info-action-icon thumb-info-action-icon-primary" title=""><i class="fa fa-eye"></i></span> 766 </a> 767 </span> 768 </span> 769 </span> 770 </div> 771 </div> 772 <div class="isotope-item" style="width:27%;"> 773 <div class="image-gallery-item mb-0 px-3"> 774 <span class="thumb-info thumb-info-centered-icons thumb-info-centered-info my-custom-style"> 775 <span class="thumb-info-wrapper"> 776 <a href="https://mapsofmind.com/viewmap/1aadcedf27e531574fa68caff1504ac0"> 777 <img src="https://mapsofmind.com/mapthumbnail/1aadcedf27e531574fa68caff1504ac0" class="img-fluid" alt="Explore MapsOfMind's InfoBox!"> 778 </a> 779 <span class="thumb-info-title"> 780 <span class="thumb-info-inner">Explore MapsOfMind's InfoBox!</span> 781 <span class="thumb-info-type"><i class='fa fa-globe'></i></span> 782 </span> 783 <span class="thumb-info-action"> 784 <a href="https://mapsofmind.com/viewmap/1aadcedf27e531574fa68caff1504ac0"> 785 <span class="thumb-info-action-icon thumb-info-action-icon-primary" title=""><i class="fa fa-eye"></i></span> 786 </a> 787 </span> 788 </span> 789 </span> 790 </div> 791 </div> 792 </div> 793 <br> 794 <br> 795 <br> 796 <br> 797 <div class="container"> 798 <div class="row text-center"> 799 <div class="col"> 800 <h2 class="mb-0 word-rotator-title mt-4"> 801 Need help getting started? <br>Check out our <a href="/help/">help page</a> which has useful guides on mind mapping! 802 </h2> 803 </div> 804 </div> 805 </div> 806 <br> 807 <br> 808 <br> 809 <section class="call-to-action call-to-action-default with-button-arrow content-align-center call-to-action-in-footer"> 810 <div class="container"> 811 <div class="row"> 812 <div class="col-md-9 col-lg-9"> 813 <div class="call-to-action-content"> 814 <h3><span style="font-family: 'Quando', serif !important;">Maps<span style="letter-spacing: normal;margin:0px 5px;font-family: 'Quando', serif !important;font-size: 15px;color: #0088cc;position:relative;top:0px;top:-3px;">Of</span>Mind</span> is <strong>everything</strong> you need to <br>create <strong>awesome</strong> mind maps!</h3> 815 </div> 816 </div> 817 <div class="col-md-3 col-lg-3"> 818 <div class="call-to-action-btn"> 819 <a href="/signup/" class="btn btn-lg btn-primary">Sign up now!</a><span class="arrow hlb d-none d-md-block" data-appear-animation="rotateInUpLeft" style="top: -40px; left: 70%;"></span> 820 </div> 821 </div>
822 </div> 823 </div> 824 </section> 825 </div> 826 827 828 <footer id="footer" class="light narrow border-0"> 829 <div class="footer-copyright"> 830 <div class="container"> 831 <div class="row"> 832 <div class="col-md-2"> 833 <a href="index.html" class="logo"> 834 <img alt="MapsOfMind" class="img-fluid" src="/static/resources/logos/logo-footer-medium.png"> 835 </a> 836 </div> 837 <div class="col-md-5"> 838 <p>© Copyright 2022. All Rights Reserved.</p> 839 </div> 840 <div class="col-md-5"> 841 <ul class="nav nav-pills"> 842 <li class="nav-item"><a class="nav-link" href="/pricing/">Pricing</a></li> 843 <li class="nav-item"><a class="nav-link" href="/faq/">FAQs</a></li> 844 <li class="nav-item"><a class="nav-link" href="/about/">About</a></li> 845 <li class="nav-item"><a class="nav-link" href="/terms/">Terms</a></li> 846 <li class="nav-item"><a class="nav-link" href="/privacy/">Privacy</a></li> 847 <li class="nav-item"><a class="nav-link" href="/contact/">Contact</a></li> 848 </ul> 849 </div> 850 </div> 851 </div> 852 </div> 853 </footer> 854 </div>
vendor: 112 bytes, lines 854-856
854 855 856 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
856<script src="/static/CACHE/js/output.8e7838b7d744.js"></script>
856 857 858
858<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"1285c8f54c85458f93fd3b3402089061","r":1,"spa":2}' crossorigin="anonymous"></script>
858 859</body> 860 861</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.