PageSourceSearch

https://mdlayer.com/my-elements/

html mdlayer.com collected 2026-10-02 01:35:29 UTC 216,809 bytes, 1,271 lines download raw bytes

1<!doctype html>
2<html lang="en-US" prefix="og: https://ogp.me/ns#">
3<head>
3<script data-no-optimize="1">var litespeed_docref=sessionStorage.getItem("litespeed_docref");litespeed_docref&&(Object.defineProperty(document,"referrer",{get:function(){return litespeed_docref}}),sessionStorage.removeItem("litespeed_docref"));</script>
3
4	<meta charset="UTF-8">
5	<meta name="viewport" content="width=device-width, initial-scale=1">
6	<link rel="profile" href="https://gmpg.org/xfn/11">
7	
8<!-- Search Engine Optimization by Rank Math - https://rankmath.com/ -->
9<title>My Elements: Design Engaging Moodle Content. No Plugin, No Admin | MDLayer</title>
10<meta name="description" content="My Elements is a Chrome extension that turns plain Moodle text into clear course pages. Add buttons, tabs, accordions and callouts. No code, no admin rights."/>
11<meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large"/>
12<link rel="canonical" href="https://mdlayer.com/my-elements/" />
13<meta property="og:locale" content="en_US" />
14<meta property="og:type" content="article" />
15<meta property="og:title" content="My Elements: Design Engaging Moodle Content. No Plugin, No Admin | MDLayer" />
16<meta property="og:description" content="My Elements is a Chrome extension that turns plain Moodle text into clear course pages. Add buttons, tabs, accordions and callouts. No code, no admin rights." />
17<meta property="og:url" content="https://mdlayer.com/my-elements/" />
18<meta property="og:site_name" content="My Digital Layer" />
19<meta property="og:updated_time" content="2026-08-23T20:41:42+00:00" />
20<meta property="og:image" content="https://mdlayer.com/wp-content/uploads/2026/07/myElements-theProblem-1024-1.webp" />
21<meta property="og:image:secure_url" content="https://mdlayer.com/wp-content/uploads/2026/07/myElements-theProblem-1024-1.webp" />
22<meta property="og:image:width" content="1024" />
23<meta property="og:image:height" content="576" />
24<meta property="og:image:alt" content="A list of links in a course page and a Page Resource with a wall of text." />
25<meta property="og:image:type" content="image/webp" />
26<meta name="twitter:card" content="summary_large_image" />
27<meta name="twitter:title" content="My Elements: Design Engaging Moodle Content. No Plugin, No Admin | MDLayer" />
28<meta name="twitter:description" content="My Elements is a Chrome extension that turns plain Moodle text into clear course pages. Add buttons, tabs, accordions and callouts. No code, no admin rights." />
29<meta name="twitter:image" content="https://mdlayer.com/wp-content/uploads/2026/07/myElements-theProblem-1024-1.webp" />
30<meta name="twitter:label1" content="Time to read" />
31<meta name="twitter:data1" content="19 minutes" />
32<!-- /Rank Math WordPress SEO plugin -->
33
34<link rel="alternate" type="application/rss+xml" title="My Digital Layer &raquo; Feed" href="https://mdlayer.com/feed/" />
35<link rel="alternate" type="application/rss+xml" title="My Digital Layer &raquo; Comments Feed" href="https://mdlayer.com/comments/feed/" />
36<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://mdlayer.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmdlayer.com%2Fmy-elements%2F" />
37<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://mdlayer.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmdlayer.com%2Fmy-elements%2F&#038;format=xml" />
38<style id="wp-img-auto-sizes-contain-inline-css">img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}</style>
39
40<style id="wp-emoji-styles-inline-css">img.wp-smiley,img.emoji{display:inline!important;border:none!important;box-shadow:none!important;height:1em!important;width:1em!important;margin:0 0.07em!important;vertical-align:-0.1em!important;background:none!important;padding:0!important}</style>
41<link data-optimized="1" rel='stylesheet' id='wpmf-gallery-popup-style-css' href='https://mdlayer.com/wp-content/litespeed/css/798fac72a996b3b3a6e679bd290481f7.css?ver=40a5c' media='all' />
42<style id="global-styles-inline-css">:root{--wp--preset--aspect-ratio--square:1;--wp--preset--aspect-ratio--4-3:4/3;--wp--preset--aspect-ratio--3-4:3/4;--wp--preset--aspect-ratio--3-2:3/2;--wp--preset--aspect-ratio--2-3:2/3;--wp--preset--aspect-ratio--16-9:16/9;--wp--preset--aspect-ratio--9-16:9/16;--wp--preset--color--black:#000000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#ffffff;--wp--preset--color--pale-pink:#f78da7;--wp--preset--color--vivid-red:#cf2e2e;--wp--preset--color--luminous-vivid-orange:#ff6900;--wp--preset--color--luminous-vivid-amber:#fcb900;--wp--preset--color--light-green-cyan:#7bdcb5;--wp--preset--color--vivid-green-cyan:#00d084;--wp--preset--color--pale-cyan-blue:#8ed1fc;
42--wp--preset--color--vivid-cyan-blue:#0693e3;--wp--preset--color--vivid-purple:#9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean:linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass:linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight:linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small:13px;--wp--preset--font-size--medium:20px;--wp--preset--font-size--large:36px;--wp--preset--font-size--x-large:42px;--wp--preset--spacing--20:0.44rem;--wp--preset--spacing--30:0.67rem;--wp--preset--spacing--40:1rem;--wp--preset--spacing--50:1.5rem;--wp--preset--spacing--60:2.25rem;--wp--preset--spacing--70:3.38rem;--wp--preset--spacing--80:5.06rem;--wp--preset--shadow--natural:6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep:12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp:6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined:6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp:6px 6px 0px rgb(0, 0, 0)}.wp-block-button{--wp--preset--dimension--25:25%;--wp--preset--dimension--50:50%;--wp--preset--dimension--75:75%;--wp--preset--dimension--100:100%}:root{--wp--style--global--content-size:800px;--wp--style--global--wide-size:1200px}:where(body){margin:0}.wp-site-blocks>.alignleft{float:left;margin-right:2em}.wp-site-blocks>.alignright{float:right;margin-left:2em}.wp-site-blocks>.aligncenter{justify-content:center;margin-left:auto;margin-right:auto}:where(.wp-site-blocks)>*{margin-block-start:24px;margin-block-end:0}:where(.wp-site-blocks)>:first-child{margin-block-start:0}:where(.wp-site-blocks)>:last-child{margin-block-end:0}:root{--wp--style--block-gap:24px}:root :where(.is-layout-flow)>:first-child{margin-block-start:0}:root :where(.is-layout-flow)>:last-child{margin-block-end:0}:root :where(.is-layout-flow)>*{margin-block-start:24px;margin-block-end:0}:root :where(.is-layout-constrained)>:first-child{margin-block-start:0}:root :where(.is-layout-constrained)>:last-child{margin-block-end:0}:root :where(.is-layout-constrained)>*{margin-block-start:24px;margin-block-end:0}:root :where(.is-layout-flex){gap:24px}:root :where(.is-layout-grid){gap:24px}.is-layout-flow>.alignleft{float:left;margin-inline-start:0;margin-inline-end:2em}.is-layout-flow>.alignright{float:right;margin-inline-start:2em;margin-inline-end:0}.is-layout-flow>.aligncenter{margin-left:auto!important;margin-right:auto!important}.is-layout-constrained>.alignleft{float:left;margin-inline-start:0;margin-inline-end:2em}.is-layout-constrained>.alignright{float:right;margin-inline-start:2em;margin-inline-end:0}.is-layout-constrained>.aligncenter{margin-left:auto!important;margin-right:auto!important}.is-layout-constrained>:where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width:var(--wp--style--global--content-size);margin-left:auto!important;margin-right:auto!important}.is-layout-constrained>.alignwide{max-width:var(--wp--style--global--wide-size)}body .is-layout-flex{display:flex}.is-layout-flex{flex-wrap:wrap;align-items:center}.is-layout-flex>:is(*,div){margin:0}body .is-layout-grid{display:grid}.is-layout-grid>:is(*,div){margin:0}body{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}:root :where(.wp-element-button,.wp-block-button__link){background-color:#32373c;border-width:0;color:#fff;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;padding-top:calc(0.667em + 2px);padding-right:calc(1.333em + 2px);padding-bottom:calc(0.667em + 2px);padding-left:calc(1.333em + 2px);text-decoration:none;text-transform:inherit}.has-black-color{color:var(--wp--preset--color--black)!important}.has-cyan-bluish-gray-color{color:var(--wp--preset--color--cyan-bluish-gray)!important}.has-white-color{color:var(--wp--preset--color--white)!important}.has-pale-pink-color{color:var(--wp--preset--color--pale-pink)!important}.has-vivid-red-color{color:var(--wp--preset--color--vivid-red)!important}.has-luminous-vivid-orange-color{color:var(--wp--preset--color--luminous-vivid-orange)!important}.has-luminous-vivid-amber-color{color:var(--wp--preset--color--luminous-vivid-amber)!important}.has-light-green-cyan-color{color:var(--wp--preset--color--light-green-cyan)!important}.has-vivid-green-cyan-color{color:var(--wp--preset--color--vivid-green-cyan)!important}.has-pale-cyan-blue-color{color:var(--wp--preset--color--pale-cyan-blue)!important}.has-vivid-cyan-blue-color{color:var(--wp--preset--color--vivid-cyan-blue)!important}.has-vivid-purple-color{color:var(--wp--preset--color--vivid-purple)!important}.has-black-background-color{background-color:var(--wp--preset--color--black)!important}.has-cyan-bluish-gray-background-color{background-color:var(--wp--preset--color--cyan-bluish-gray)!important}.has-white-background-color{background-color:var(--wp--preset--color--white)!important}.has-pale-pink-background-color{background-color:var(--wp--preset--color--pale-pink)!important}.has-vivid-red-background-color{background-color:var(--wp--preset--color--vivid-red)!important}.has-luminous-vivid-orange-background-color{background-color:var(--wp--preset--color--luminous-vivid-orange)!important}.has-luminous-vivid-amber-background-color{background-color:var(--wp--preset--color--luminous-vivid-amber)!important}.has-light-green-cyan-background-color{background-color:var(--wp--preset--color--light-green-cyan)!important}.has-vivid-green-cyan-background-color{background-color:var(--wp--preset--color--vivid-green-cyan)!important}.has-pale-cyan-blue-background-color{background-color:var(--wp--preset--color--pale-cyan-blue)!important}.has-vivid-cyan-blue-background-color{background-color:var(--wp--preset--color--vivid-cyan-blue)!important}.has-vivid-purple-background-color{background-color:var(--wp--preset--color--vivid-purple)!important}.has-black-border-color{border-color:var(--wp--preset--color--black)!important}.has-cyan-bluish-gray-border-color{border-color:var(--wp--preset--color--cyan-bluish-gray)!important}.has-white-border-color{border-color:var(--wp--preset--color--white)!important}.has-pale-pink-border-color{border-color:var(--wp--preset--color--pale-pink)!important}.has-vivid-red-border-color{border-color:var(--wp--preset--color--vivid-red)!important}.has-luminous-vivid-orange-border-color{border-color:var(--wp--preset--color--luminous-vivid-orange)!important}.has-luminous-vivid-amber-border-color{border-color:var(--wp--preset--color--luminous-vivid-amber)!important}.has-light-green-cyan-border-color{border-color:var(--wp--preset--color--light-green-cyan)!important}.has-vivid-green-cyan-border-color{border-color:var(--wp--preset--color--vivid-green-cyan)!important}.has-pale-cyan-blue-border-color{border-color:var(--wp--preset--color--pale-cyan-blue)!important}.has-vivid-cyan-blue-border-color{border-color:var(--wp--preset--color--vivid-cyan-blue)!important}.has-vivid-purple-border-color{border-color:var(--wp--preset--color--vivid-purple)!important}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple)!important}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan)!important}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange)!important}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red)!important}
42.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray)!important}.has-cool-to-warm-spectrum-gradient-background{background:var(--wp--preset--gradient--cool-to-warm-spectrum)!important}.has-blush-light-purple-gradient-background{background:var(--wp--preset--gradient--blush-light-purple)!important}.has-blush-bordeaux-gradient-background{background:var(--wp--preset--gradient--blush-bordeaux)!important}.has-luminous-dusk-gradient-background{background:var(--wp--preset--gradient--luminous-dusk)!important}.has-pale-ocean-gradient-background{background:var(--wp--preset--gradient--pale-ocean)!important}.has-electric-grass-gradient-background{background:var(--wp--preset--gradient--electric-grass)!important}.has-midnight-gradient-background{background:var(--wp--preset--gradient--midnight)!important}.has-small-font-size{font-size:var(--wp--preset--font-size--small)!important}.has-medium-font-size{font-size:var(--wp--preset--font-size--medium)!important}.has-large-font-size{font-size:var(--wp--preset--font-size--large)!important}.has-x-large-font-size{font-size:var(--wp--preset--font-size--x-large)!important}:root :where(.wp-block-icon svg){width:24px}:root :where(.wp-block-pullquote){font-size:1.5em;line-height:1.6}</style>
43<link data-optimized="1" rel='stylesheet' id='parent-style-css' href='https://mdlayer.com/wp-content/litespeed/css/e911ecab0fd870e6a0f6cc1e8fc19eee.css?ver=ba46d' media='all' />
44<link data-optimized="1" rel='stylesheet' id='child-style-css' href='https://mdlayer.com/wp-content/litespeed/css/daa13f1ba8058a1da11f72321d8b5c49.css?ver=ba1f3' media='all' />
45<link data-optimized="1" rel='stylesheet' id='hello-elementor-css' href='https://mdlayer.com/wp-content/litespeed/css/d3489ae966b23bf4b4d3f1a3ab127dba.css?ver=1635f' media='all' />
46<link data-optimized="1" rel='stylesheet' id='hello-elementor-theme-style-css' href='https://mdlayer.com/wp-content/litespeed/css/0042882f46fa95085421c5f76fa45c54.css?ver=efad0' media='all' />
47<link data-optimized="1" rel='stylesheet' id='elementor-frontend-css' href='https://mdlayer.com/wp-content/litespeed/css/a7f66b8a3eb97a847399742c25390084.css?ver=edf1a' media='all' />
48<link data-optimized="1" rel='stylesheet' id='widget-image-css' href='https://mdlayer.com/wp-content/litespeed/css/82eea6152c74a8fa0eb19fd80bdb6e24.css?ver=03e5e' media='all' />
49<link data-optimized="1" rel='stylesheet' id='widget-nav-menu-css' href='https://mdlayer.com/wp-content/litespeed/css/9b34515bb5ff3c8ee1a7411335d7eb67.css?ver=0cfff' media='all' />
50<link data-optimized="1" rel='stylesheet' id='e-sticky-css' href='https://mdlayer.com/wp-content/litespeed/css/36067a8adc8f00e221a3763fbd3040aa.css?ver=7f3fe' media='all' />
51<link data-optimized="1" rel='stylesheet' id='widget-heading-css' href='https://mdlayer.com/wp-content/litespeed/css/b0624fcc819cfe0f4be3b72f2a1a8dfc.css?ver=c2dea' media='all' />
52<link data-optimized="1" rel='stylesheet' id='elementor-post-7-css' href='https://mdlayer.com/wp-content/litespeed/css/b9d587e8b224e64a934abdf6797b2830.css?ver=7fe7b' media='all' />
53<link data-optimized="1" rel='stylesheet' id='widget-video-css' href='https://mdlayer.com/wp-content/litespeed/css/23b4440520049af9d9fc6fba819a01bc.css?ver=7dc6c' media='all' />
54<link data-optimized="1" rel='stylesheet' id='e-animation-fadeIn-css' href='https://mdlayer.com/wp-content/litespeed/css/07abd61d71f14e6000efbf8fd3902f33.css?ver=57cdd' media='all' />
55<link data-optimized="1" rel='stylesheet' id='e-animation-slideInLeft-css' href='https://mdlayer.com/wp-content/litespeed/css/7b83cdbbb817df2133f08cf12d1ee6d0.css?ver=f2808' media='all' />
56<link data-optimized="1" rel='stylesheet' id='widget-divider-css' href='https://mdlayer.com/wp-content/litespeed/css/e9ff428f2f1840de142ef86ac183bed6.css?ver=48777' media='all' />
57<link data-optimized="1" rel='stylesheet' id='e-animation-slideInRight-css' href='https://mdlayer.com/wp-content/litespeed/css/d47218479430bc2b62751e3789460e15.css?ver=b89b8' media='all' />
58<link data-optimized="1" rel='stylesheet' id='widget-icon-list-css' href='https://mdlayer.com/wp-content/litespeed/css/fa0f84b24b68835571e31102b8314014.css?ver=6cd88' media='all' />
59<link data-optimized="1" rel='stylesheet' id='e-ribbon-css' href='https://mdlayer.com/wp-content/litespeed/css/016ff2b157f9a624824a2eb253a547f0.css?ver=7fb79' media='all' />
60<link data-optimized="1" rel='stylesheet' id='widget-price-table-css' href='https://mdlayer.com/wp-content/litespeed/css/4658a55754835ac70822cdcca91562b5.css?ver=9ab1e' media='all' />
61<link data-optimized="1" rel='stylesheet' id='widget-icon-box-css' href='https://mdlayer.com/wp-content/litespeed/css/51ead63fd5374a843da75efbf42e8182.css?ver=b92c7' media='all' />
62<link data-optimized="1" rel='stylesheet' id='widget-menu-anchor-css' href='https://mdlayer.com/wp-content/litespeed/css/7c1b3c609921b3a9988821b27f3134e2.css?ver=f7759' media='all' />
63<link data-optimized="1" rel='stylesheet' id='widget-nested-accordion-css' href='https://mdlayer.com/wp-content/litespeed/css/28f89cb39
636b175af1f3e644b2f805fd6.css?ver=150ed' media='all' />
64<link data-optimized="1" rel='stylesheet' id='widget-call-to-action-css' href='https://mdlayer.com/wp-content/litespeed/css/22ba195639c083bc0f994dab87384ec6.css?ver=3d191' media='all' />
65<link data-optimized="1" rel='stylesheet' id='e-transitions-css' href='https://mdlayer.com/wp-content/litespeed/css/4e1186a5c2450e4d81b95cd2367c474a.css?ver=9d8de' media='all' />
66<link data-optimized="1" rel='stylesheet' id='elementor-post-968-css' href='https://mdlayer.com/wp-content/litespeed/css/facd438b71ff56393b0bfff18eba7d06.css?ver=58f8d' media='all' />
67<link data-optimized="1" rel='stylesheet' id='elementor-post-57-css' href='https://mdlayer.com/wp-content/litespeed/css/da2ea0b2eded378c21af9f37e81132c9.css?ver=9331b' media='all' />
68<link data-optimized="1" rel='stylesheet' id='elementor-post-171-css' href='https://mdlayer.com/wp-content/litespeed/css/af6e72372db00b9db96ec4c7bd37da76.css?ver=9a677' media='all' />
69<link data-optimized="1" rel='stylesheet' id='linguise_switcher-css' href='https://mdlayer.com/wp-content/litespeed/css/cf975546a6294a63228fefba8640ab47.css?ver=8522b' media='all' />
70<link data-optimized="1" rel='stylesheet' id='elementor-gf-poppins-css' href='https://mdlayer.com/wp-content/litespeed/css/927f08b0b53e7d13e1bdcff46153bc10.css?ver=3bc10' media='all' />
71<link data-optimized="1" rel='stylesheet' id='elementor-gf-opensans-css' href='https://mdlayer.com/wp-content/litespeed/css/116a1130bb5852b7067a60201402d865.css?ver=2d865' media='all' />
72<script id="jquery-core-js" src="https://mdlayer.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 72
72
73<script data-optimized="1" id="jquery-migrate-js" src="https://mdlayer.com/wp-content/litespeed/js/e7510b45d5ce3b04c901504739eaadf5.js?ver=041e2"></script>
vendor: 1 bytes, line 73
73
74<script data-cfasync="false" id="linguise_switcher-js-extra">
75var linguise_configs = {"vars":{"configs":{"languages":{"en":"English","de":"Deutsch","fr":"Fran\u00e7ais","es":"Espa\u00f1ol","pt":"Portugu\u00eas","pt-br":"Brasileiro","hi":"\u0939\u093f\u0928\u094d\u0926\u0940"},"base":"","base_url":"https://mdlayer.com","original_path":"/my-elements","trailing_slashes":"/","default_language":"en","enabled_languages":["de","fr","es","pt","pt-br","hi"],"flag_display_type":"popup","display_position":"no","enable_flag":1,"enable_language_name":0,"enable_language_name_popup":1,"enable_language_short_name":0,"flag_shape":"rounded","flag_en_type":"en-us","flag_de_type":"de","flag_es_type":"es","flag_pt_type":"pt","flag_tw_type":"zh-tw","flag_border_radius":0,"flag_width":24,"browser_redirect":1,"ukraine_redirect":0,"cookies_redirect":0,"language_name_display":"native","pre_text":"","post_text":"","alternate_link":1,"add_flag_automatically":0,"custom_css":"","cache_enabled":1,"cache_max_size":200,"cache_ignore_parameters":0,"cache_params_always_included":"s,utm_source,utm_medium,utm_campaign,utm_term,utm_content","language_name_color":"#222222","language_name_hover_color":"#222222","popup_language_name_color":"#222222","popup_language_name_hover_color":"#222222","flag_shadow_h":0,"flag_shadow_v":0,"flag_shadow_blur":0,"flag_shadow_spread":0,"flag_shadow_color":"rgba(255, 255, 255, 0)","flag_shadow_color_alpha":0,"flag_hover_shadow_h":0,"flag_hover_shadow_v":0,"flag_hover_shadow_blur":0,"flag_hover_shadow_spread":0,"flag_hover_shadow_color":"rgba(255, 255, 255, 0)","flag_hover_shadow_color_alpha":0,"search_translation":0,"debug":0,"woocommerce_emails_translation":0,"dynamic_translations":{"enabled":0,"public_key":"pk_OMgYXR326i6I671dvWHPLUWTgV6xahQA"}}}};
76//# sourceURL=linguise_switcher-js-extra
77</script>
vendor: 1 bytes, line 77
77
78<script id="linguise_switcher-js" data-cfasync="false" src="https://mdlayer.com/wp-content/plugins/linguise/assets/js/front.bundle.js?ver=2.2.69"></script>
78
79<link rel="https://api.w.org/" href="https://mdlayer.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://mdlayer.com/wp-json/wp/v2/pages/968" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://mdlayer.com/xmlrpc.php?rsd" />
80<meta name="generator" content="WordPress 7.1.2" />
81<link rel='shortlink' href='https://mdlayer.com/?p=968' />
82
83<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 83-84
83
84<script async src="https://www.googletagmanager.com/gtag/js?id=
84G-BPP4CDMFS9
vendor: 12 bytes, line 84
84"></script>
85<script>
86  
vendor: 134 bytes, lines 86-90
86window.dataLayer = window.dataLayer || [];
87  function gtag(){dataLayer.push(arguments);}
88  gtag('js', new Date());
89
90  gtag('config', '
90G-BPP4CDMFS9
vendor: 4 bytes, line 90
90');
91</script>
91
92
93    <meta name="generator" content="Elementor 4.3.3; features: e_font_icon_svg, additional_custom_breakpoints; settings: css_print_method-external, google_font-enabled, font_display-swap">
94<link rel="alternate" hreflang="en" href="https://mdlayer.com/my-elements/" />
95<link rel="alternate" hreflang="de" href="https://mdlayer.com/de/my-elements/" />
96<link rel="alternate" hreflang="fr" href="https://mdlayer.com/fr/my-elements/" />
97<link rel="alternate" hreflang="es" href="https://mdlayer.com/es/my-elements/" />
98<link rel="alternate" hreflang="pt" href="https://mdlayer.com/pt/my-elements/" />
99<link rel="alternate" hreflang="pt-br" href="https://mdlayer.com/pt-br/my-elements/" />
100<link rel="alternate" hreflang="hi" href="https://mdlayer.com/hi/my-elements/" />
101<link rel="alternate" hreflang="x-default" href="https://mdlayer.com/my-elements/" />			<style>.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) *{background-image:none!important}@media screen and (max-height:1024px){.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) *{background-image:none!important}}@media screen and (max-height:640px){.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) *{background-image:none!important}}</style>
102			<link rel="icon" href="https://mdlayer.com/wp-content/uploads/2026/01/Favicon-MDLayer-150x150.png" sizes="32x32" />
103<link rel="icon" href="https://mdlayer.com/wp-content/uploads/2026/01/Favicon-MDLayer-300x300.png" sizes="192x192" />
104<link rel="apple-touch-icon" href="https://mdlayer.com/wp-content/uploads/2026/01/Favicon-MDLayer-300x300.png" />
105<meta name="msapplication-TileImage" content="https://mdlayer.com/wp-content/uploads/2026/01/Favicon-MDLayer-300x300.png" />
106</head>
107<body class="wp-singular page-template-default page page-id-968 page-parent wp-custom-logo wp-embed-responsive wp-theme-hello-elementor wp-child-theme-hello-elementor-child hello-elementor-default elementor-default elementor-kit-7 elementor-page elementor-page-968">
108
109
110<a class="skip-link screen-reader-text" href="#content">Skip to content</a>
111
112		<header data-elementor-type="header" data-elementor-id="57" class="elementor elementor-57 elementor-location-header" data-elementor-post-type="elementor_library">
113			<div class="elementor-element elementor-element-3ec96c6a e-flex e-con-boxed e-con e-parent" data-id="3ec96c6a" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}">
114					<div class="e-con-inner">
115		<div class="elementor-element elementor-element-2c7ead1c e-con-full e-flex e-con e-child" data-id="2c7ead1c" data-element_type="container" data-e-type="container">
116				<div class="elementor-element elementor-element-6d7fde0e elementor-widget elementor-widget-theme-site-logo elementor-widget-image" data-id="6d7fde0e" data-element_type="widget" data-e-type="widget" data-widget_type="theme-site-logo.default">
117											<a href="https://mdlayer.com">
118			<img data-lazyloaded="1" src="data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs=" fetchpriority="high" width="907" height="184" data-src="https://mdlayer.com/wp-content/uploads/2026/01/logo1.png" class="attachment-full size-full wp-image-52" alt="Logo de My Digital Layer" data-srcset="https://mdlayer.com/wp-content/uploads/2026/01/logo1.png 907w, https://mdlayer.com/wp-content/uploads/2026/01/logo1-300x61.png 300w, https://mdlayer.com/wp-content/uploads/2026/01/logo1-768x156.png 768w" data-sizes="(max-width: 907px) 100vw, 907px" /><noscript><img fetchpriority="high" width="907" height="184" src="https://mdlayer.com/wp-content/uploads/2026/01/logo1.png" class="attachment-full size-full wp-image-52" alt="Logo de My Digital Layer" srcset="https://mdlayer.com/wp-content/uploads/2026/01/logo1.png 907w, https://mdlayer.com/wp-content/uploads/2026/01/logo1-300x61.png 300w, https://mdlayer.com/wp-content/uploads/2026/01/logo1-768x156.png 768w" sizes="(max-width: 907px) 100v
118w, 907px" /></noscript>				</a>
119											</div>
120				</div>
121		<div class="elementor-element elementor-element-5b0eebce e-con-full e-flex e-con e-child" data-id="5b0eebce" data-element_type="container" data-e-type="container">
122				<div class="elementor-element elementor-element-515645ec elementor-nav-menu--stretch elementor-nav-menu--dropdown-tablet elementor-nav-menu__text-align-aside elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu" data-id="515645ec" data-element_type="widget" data-e-type="widget" data-settings="{&quot;full_width&quot;:&quot;stretch&quot;,&quot;layout&quot;:&quot;horizontal&quot;,&quot;submenu_icon&quot;:{&quot;value&quot;:&quot;&lt;svg aria-hidden=\&quot;true\&quot; class=\&quot;e-font-icon-svg e-fas-caret-down\&quot; viewBox=\&quot;0 0 320 512\&quot; xmlns=\&quot;http:\/\/www.w3.org\/2000\/svg\&quot;&gt;&lt;path d=\&quot;M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;&quot;,&quot;library&quot;:&quot;fa-solid&quot;},&quot;toggle&quot;:&quot;burger&quot;}" data-widget_type="nav-menu.default">
123								<nav aria-label="Menu" class="elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-background e--animation-fade">
124				<ul id="menu-1-515645ec" class="elementor-nav-menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-70"><a href="https://mdlayer.com/" title="My Digital Layer homepage" class="elementor-item">Home</a></li>
125<li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-968 current_page_item menu-item-1105"><a href="https://mdlayer.com/my-elements/" aria-current="page" title="My Organizer extension" class="elementor-item elementor-item-active">My Elements</a></li>
126<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-71"><a href="https://mdlayer.com/myorganizer/" title="My Organizer extension" class="elementor-item">My Organizer</a></li>
127<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-208"><a href="https://mdlayer.com/contact/" title="Contact MDLayer" class="elementor-item">Contact</a></li>
128<li class="linguise_switcher_root linguise_menu_root linguise_parent_menu_item linguise_flag_rounded menu-item menu-item-type-custom menu-item-object-custom menu-item-2552"><a href="#" class="elementor-item elementor-item-anchor"></a></li>
129</ul>			</nav>
130					<div class="elementor-menu-toggle" role="button" tabindex="0" aria-label="Menu Toggle" aria-expanded="false">
131			<svg aria-hidden="true" role="presentation" class="elementor-menu-toggle__icon--open e-font-icon-svg e-eicon-menu-bar" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M104 333H896C929 333 958 304 958 271S929 208 896 208H104C71 208 42 237 42 271S71 333 104 333ZM104 583H896C929 583 958 554 958 521S929 458 896 458H104C71 458 42 487 42 521S71 583 104 583ZM104 833H896C929 833 958 804 958 771S929 708 896 708H104C71 708 42 737 42 771S71 833 104 833Z"></path></svg><svg aria-hidden="true" role="presentation" class="elementor-menu-toggle__icon--close e-font-icon-svg e-eicon-close" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M742 167L500 408 258 167C246 154 233 150 217 150 196 150 179 158 167 167 154 179 150 196 150 212 150 229 154 242 171 254L408 500 167 742C138 771 138 800 167 829 196 858 225 858 254 829L496 587 738 829C750 842 767 846 783 846 800 846 817 842 829 829 842 817 846 804 846 783 846 767 842 750 829 737L588 500 833 258C863 229 863 200 833 171 804 137 775 137 742 167Z"></path></svg>		</div>
132					<nav class="elementor-nav-menu--dropdown elementor-nav-menu__container" aria-hidden="true">
133				<ul id="menu-2-515645ec" class="elementor-nav-menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-70"><a href="https://mdlayer.com/" title="My Digital Layer homepage" class="elementor-item" tabindex="-1">Home</a></li>
134<li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-968 current_page_item menu-item-1105"><a href="https://mdlayer.com/my-elements/" aria-current="page" title="My Organizer extension" class="elementor-item elementor-item-active" tabindex="-1">My Elements</a></li>
135<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-71"><a href="https://mdlayer.com/myorganizer/" title="My Organizer extension" class="elementor-item" tabindex="-1">My Organizer</a></li>
136<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-208"><a href="https://mdlayer.com/contact/" title="Contact MDLayer" class="elementor-item" tabindex="-1">Contact</a></li>
137<li class="linguise_switcher_root linguise_menu_root linguise_parent_menu_item linguise_flag_rounded menu-item menu-item-type-custom menu-item-object-custom menu-item-2552"><a href="#" class="elementor-item elementor-item-anchor" tabindex="-1"></a></li>
138</ul>			</nav>
139						</div>
140				</div>
141					</div>
142				</div>
143				</header>
144		
145<main id="content" class="site-main post-968 page type-page status-publish hentry">
146
147	
148	<div class="page-content">
149				<div data-elementor-type="wp-page" data-elementor-id="968" class="elementor elementor-968" data-elementor-post-type="page">
150				<div class="elementor-element elementor-element-593a621a e-flex e-con-boxed e-con e-parent" data-id="593a621a" data-element_type="container" data-e-type="container" id="aurora-hero" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
151					<div class="e-con-inner">
152		<div class="elementor-element elementor-element-258dd96f e-con-full e-flex e-con e-child" data-id="258dd96f" data-element_type="container" data-e-type="container">
153				<div class="elementor-element elementor-element-aff52ff elementor-widget elementor-widget-heading" data-id="aff52ff" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
154					<h1 class="elementor-heading-title elementor-size-default"><span class="productTitle">My Elements :</span><br>Design clearer, more engaging Moodle course pages</h1>				</div>
155				<div class="elementor-element elementor-element-cada62c elementor-widget elementor-widget-text-editor" data-id="cada62c" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
156									<p>My Elements helps you turn a Moodle course into a clearer learning path. Add content blocks directly in your browser to make pages easier to scan, instructions easier to follow, and the next step easier to spot, without code or admin rights.</p>								</div>
157				<div class="elementor-element elementor-element-332c38f3 elementor-mobile-align-center elementor-tablet-align-center elementor-widget elementor-widget-button" data-id="332c38f3" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
158										<a class="elementor-button elementor-button-link elementor-size-sm" href="https://chromewebstore.google.com/detail/my-elements-for-moodle/cbdhjophpmpjpddgncndlkakbneeigpp" target="_blank" rel="noopener">
159						<span class="elementor-button-content-wrapper">
160						<span class="elementor-button-icon">
161				<svg aria-hidden="true" class="e-font-icon-svg e-fab-chrome" viewBox="0 0 496 512" xmlns="http://www.w3.org/2000/svg"><path d="M131.5 217.5L55.1 100.1c47.6-59.2 119-91.8 192-92.1 42.3-.3 85.5 10.5 124.8 33.2 43.4 25.2 76.4 61.4 97.4 103L264 133.4c-58.1-3.4-113.4 29.3-132.5 84.1zm32.9 38.5c0 46.2 37.4 83.6 83.6 83.6s83.6-37.4 83.6-83.6-37.4-83.6-83.6-83.6-83.6 37.3-83.6 83.6zm314.9-89.2L339.6 174c37.9 44.3 38.5 108.2 6.6 157.2L234.1 503.6c46.5 2.5 94.4-7.7 137.8-32.9 107.4-62 150.9-192 107.4-303.9zM133.7 303.6L40.4 120.1C14.9 159.1 0 205.9 0 256c0 124 90.8 226.7 209.5 244.9l63.7-124.8c-57.6 10.8-113.2-20.8-139.5-72.5z"></path></svg>			</span>
162									<span class="elementor-button-text">Add to Chrome free</span>
163					</span>
164					</a>
165								</div>
166				</div>
167		<div class="elementor-element elementor-element-10f4ff0a e-con-full e-flex e-con e-child" data-id="10f4ff0a" data-element_type="container" data-e-type="container">
168				<div class="elementor-element elementor-element-11538a23 elementor-widget elementor-widget-video" data-id="11538a23" data-element_type="widget" data-e-type="widget" data-settings="{&quot;youtube_url&quot;:&quot;https:\/\/youtu.be\/u62Fg3hx0Aw&quot;,&quot;show_image_overlay&quot;:&quot;yes&quot;,&quot;image_overlay&quot;:{&quot;url&quot;:&quot;https:\/\/mdlayer.com\/wp-content\/uploads\/2026\/07\/myElements-videoCover-768.webp&quot;,&quot;id&quot;:986,&quot;size&quot;:&quot;&quot;,&quot;alt&quot;:&quot;The my Elements interface with My Elements custom blocks&quot;,&quot;source&quot;:&quot;library&quot;},&quot;lazy_load&quot;:&quot;yes&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}" data-widget_type="video.default">
169							<div class="elementor-wrapper elementor-open-inline">
170			<div class="elementor-video"></div>				<div class="elementor-custom-embed-image-overlay" style="background-image: url(https://mdlayer.com/wp-content/uploads/2026/07/myElements-videoCover-768.webp);">
171																<div class="elementor-custom-embed-play" role="button" aria-label="Play Video about The my Elements interface with My Elements custom blocks" tabindex="0">
172							<svg aria-hidden="true" class="e-font-icon-svg e-fas-play-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm115.7 272l-176 101c-15.8 8.8-35.7-2.5-35.7-21V152c0-18.4 19.8-29.8 35.7-21l176 107c16.4 9.2 16.4 32.9 0 42z"></path></svg>						</div>
173									</div>
174					</div>
175						</div>
176				</div>
177					</div>
178				</div>
179		<div class="elementor-element elementor-element-1bca57e0 animated-slow e-flex e-con-boxed e-con e-parent" data-id="1bca57e0" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;gradient&quot;,&quot;animation&quot;:&quot;none&quot;}">
180					<div class="e-con-inner">
181				<div class="elementor-element elementor-element-189c1e40 elementor-widget elementor-widget-heading" data-id="189c1e40" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
182					<span class="elementor-heading-title elementor-size-default">Help students understand</span>				</div>
183				<div class="elementor-element elementor-element-69a842c7 elementor-widget elementor-widget-heading" data-id="69a842c7" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
184					<h2 class="elementor-heading-title elementor-size-default">Why plain Moodle pages hold students back?</h2>				</div>
185				<div class="elementor-element elementor-element-517b8e57 elementor-widget elementor-widget-text-editor" data-id="517b8e57" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
186									<p>Moodle gives teachers reliable places to write, share resources, and create activities. But strong material can still lose clarity: a page becomes a long read, an assignment brief turns into dense instructions, or a course section fills up with files, resources, and activities that all look the same.</p><p>When information isn&#8217;t visually separated, students lose the context that connects one item to the next, and struggle to find what matters or understand what to do next.</p><p>My Elements adds a content design layer directly in your browser: visual structure and clear landmarks on top of the content you already write, without changing your Moodle site or waiting for a server-side plugin.</p>								</div>
187					</div>
188				</div>
189		<div class="elementor-element elementor-element-32abb6ff e-flex e-con-boxed elementor-invisible e-con e-parent" data-id="32abb6ff" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
190					<div class="e-con-inner">
191				<div class="elementor-element elementor-element-35ac7e2b elementor-widget elementor-widget-heading" data-id="35ac7e2b" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
192					<span class="elementor-heading-title elementor-size-default">Looks good, works better</span>				</div>
193				<div class="elementor-element elementor-element-722afc23 elementor-widget__width-initial elementor-widget elementor-widget-heading" data-id="722afc23" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
194					<h2 class="elementor-heading-title elementor-size-default">Some teachers just want a course page that looks better, and that's a good enough reason to start</h2>				</div>
195				<div class="elementor-element elementor-element-7655f73c elementor-widget elementor-widget-image" data-id="7655f73c" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
196															<img data-lazyloaded="1" src="data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs=" decoding="async" width="800" height="450" data-src="https://mdlayer.com/wp-content/uploads/2026/07/myElements-theProblem-1024-1.webp" class="attachment-large size-large wp-image-997" alt="A list of links in a course page and a Page Resource with a wall of text." data-srcset="https://mdlayer.com/wp-content/uploads/2026/07/myElements-theProblem-1024-1.webp 1024w, https://mdlayer.com/wp-content/uploads/2026/07/myElements-theProblem-1024-1-300x169.webp 300w, https://mdlayer.com/wp-content/uploads/2026/07/myElements-theProblem-1024-1-768x432.webp 768w" data-sizes="(max-width: 800px) 100vw, 800px" /><noscript><img decoding="async" width="800" height="450" src="https://mdlayer.com/wp-content/uploads/2026/07/myElements-theProblem-1024-1.webp" class="attachment-large size-large wp-image-997" alt="A list of links in a course page and a Page Resource with a wall of text." srcset="https://mdlayer.com/wp-content/uploads/2026/07/myElements-theProblem-1024-1.webp 1024w, https://mdlayer.com/wp-content/uploads/2026/07/myElements-theProblem-1024-1-300x169.webp 300w, https://mdlayer.com/wp-content/uploads/2026/07/myElements-theProblem-1024-1-768x432.webp 768w" sizes="(max-width: 800px) 100v
196w, 800px" /></noscript>															</div>
197				<div class="elementor-element elementor-element-19080729 elementor-widget elementor-widget-text-editor" data-id="19080729" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
198									<p>Not everyone opens My Elements to fix a pedagogical problem. Many simply want a page that looks less plain than a wall of text and links, and that&#8217;s a perfectly good reason on its own.<br />A page that looks more considered tends to read more clearly too: color, spacing, and visual variety help students take a course seriously before they&#8217;ve read a single word of it.</p><p>Whatever gets you started, a teaching problem or simply <a href="https://mdlayer.com/my-elements/make-moodle-course-look-better/">a better-looking page</a>, the result is the same: a clearer, more structured course.</p>								</div>
199					</div>
200				</div>
201		<div class="elementor-element elementor-element-4dae232f e-flex e-con-boxed e-con e-parent" data-id="4dae232f" data-element_type="container" data-e-type="container" id="next" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
202					<div class="e-con-inner">
203				<div class="elementor-element elementor-element-f70179d elementor-widget elementor-widget-heading" data-id="f70179d" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
204					<h2 class="elementor-heading-title elementor-size-default">The problem with plain course pages</h2>				</div>
205		<div class="elementor-element elementor-element-557c450c e-con-full e-flex e-con e-child" data-id="557c450c" data-element_type="container" data-e-type="container">
206		<div class="elementor-element elementor-element-3825683e e-con-full e-flex e-con e-child" data-id="3825683e" data-element_type="container" data-e-type="container">
207				<div class="elementor-element elementor-element-11b9e084 e-transform elementor-widget__width-initial elementor-widget elementor-widget-image" data-id="11b9e084" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="image.default">
208																<a href="https://mdlayer.com/wp-content/uploads/2026/07/myElements-editorLimits.webp" data-elementor-open-lightbox="yes" data-elementor-lightbox-title="My Elements in a Moodle text editor" data-elementor-lightbox-description="My Elements button in the Tiny MCE or atto text editor and the sidebar." data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTAwOSwidXJsIjoiaHR0cHM6XC9cL21kbGF5ZXIuY29tXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI2XC8wN1wvbXlFbGVtZW50cy1lZGl0b3JMaW1pdHMud2VicCJ9">
209							<img data-lazyloaded="1" src="data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs=" decoding="async" width="768" height="432" data-src="https://mdlayer.com/wp-content/uploads/2026/07/myElements-editorLimits-768x432.webp" class="attachment-medium_large size-medium_large wp-image-1009" alt="A My Elements button in text editor button and My Elements sidebar." data-srcset="https://mdlayer.com/wp-content/uploads/2026/07/myElements-editorLimits-768x432.webp 768w, https://mdlayer.com/wp-content/uploads/2026/07/myElements-editorLimits-300x169.webp 300w, https://mdlayer.com/wp-content/uploads/2026/07/myElements-editorLimits-1024x576.webp 1024w, https://mdlayer.com/wp-content/uploads/2026/07/myElements-editorLimits.webp 1280w" data-sizes="(max-width: 768px) 100vw, 768px" /><noscript><img decoding="async" width="768" height="432" src="https://mdlayer.com/wp-content/uploads/2026/07/myElements-editorLimits-768x432.webp" class="attachment-medium_large size-medium_large wp-image-1009" alt="A My Elements button in text editor button and My Elements sidebar." srcset="https://mdlayer.com/wp-content/uploads/2026/07/myElements-editorLimits-768x432.webp 768w, https://mdlayer.com/wp-content/uploads/2026/07/myElements-editorLimits-300x169.webp 300w, https://mdlayer.com/wp-content/uploads/2026/07/myElements-editorLimits-1024x576.webp 1024w, https://mdlayer.com/wp-content/uploads/2026/07/myElements-editorLimits.webp 1280w" sizes="(max-width: 768px) 100vw, 768px" /></noscript>								</a>
210															</div>
211		<div class="elementor-element elementor-element-10826e9c e-con-full e-flex e-con e-child" data-id="10826e9c" data-element_type="container" data-e-type="container">
212				<div class="elementor-element elementor-element-694745d1 elementor-view-framed elementor-shape-rounded elementor-widget elementor-widget-icon" data-id="694745d1" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
213							<div class="elementor-icon-wrapper">
214			<div class="elementor-icon">
215			<svg aria-hidden="true" class="e-font-icon-svg e-far-lightbulb" viewBox="0 0 352 512" xmlns="http://www.w3.org/2000/svg"><path d="M176 80c-52.94 0-96 43.06-96 96 0 8.84 7.16 16 16 16s16-
2157.16 16-16c0-35.3 28.72-64 64-64 8.84 0 16-7.16 16-16s-7.16-16-16-16zM96.06 459.17c0 3.15.93 6.22 2.68 8.84l24.51 36.84c2.97 4.46 7.97 7.14 13.32 7.14h78.85c5.36 0 10.36-2.68 13.32-7.14l24.51-36.84c1.74-2.62 2.67-5.7 2.68-8.84l.05-43.18H96.02l.04 43.18zM176 0C73.72 0 0 82.97 0 176c0 44.37 16.45 84.85 43.56 115.78 16.64 18.99 42.74 58.8 52.42 92.16v.06h48v-.12c-.01-4.77-.72-9.51-2.15-14.07-5.59-17.81-22.82-64.77-62.17-109.67-20.54-23.43-31.52-53.15-31.61-84.14-.2-73.64 59.67-128 127.95-128 70.58 0 128 57.42 128 128 0 30.97-11.24 60.85-31.65 84.14-39.11 44.61-56.42 91.47-62.1 109.46a47.507 47.507 0 0 0-2.22 14.3v.1h48v-.05c9.68-33.37 35.78-73.18 52.42-92.16C335.55 260.85 352 220.37 352 176 352 78.8 273.2 0 176 0z"></path></svg>			</div>
216		</div>
217						</div>
218				<div class="elementor-element elementor-element-140dae33 elementor-widget elementor-widget-heading" data-id="140dae33" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
219					<h3 class="elementor-heading-title elementor-size-default">Editor limits that freeze good ideas</h3>				</div>
220				</div>
221				<div class="elementor-element elementor-element-9eba093 elementor-widget elementor-widget-text-editor" data-id="9eba093" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
222									<p>Moodle’s text editors handle writing well, but not tabs, accordions, callouts, or activity cards without code or an admin plugin.</p><p>My Elements adds those content blocks in your browser. No server install, no admin rights.</p>								</div>
223				</div>
224		<div class="elementor-element elementor-element-db1163a e-con-full e-flex e-con e-child" data-id="db1163a" data-element_type="container" data-e-type="container">
225				<div class="elementor-element elementor-element-28a960e e-transform elementor-widget__width-initial elementor-widget elementor-widget-image" data-id="28a960e" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="image.default">
226																<a href="https://mdlayer.com/wp-content/uploads/2026/07/myElements-betterEngagement.webp" data-elementor-open-lightbox="yes" data-elementor-lightbox-title="My Elements educational blocs" data-elementor-lightbox-description="Example of a well-presented and engaging assignment prompt." data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTAxMiwidXJsIjoiaHR0cHM6XC9cL21kbGF5ZXIuY29tXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI2XC8wN1wvbXlFbGVtZW50cy1iZXR0ZXJFbmdhZ2VtZW50LndlYnAifQ%3D%3D">
227							<img data-lazyloaded="1" src="data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs=" loading="lazy" decoding="async" width="768" height="432" data-src="https://mdlayer.com/wp-content/uploads/2026/07/myElements-betterEngagement-768x432.webp" class="attachment-medium_large size-medium_large wp-image-1012" alt="An activity card Element and its configuration sidebar (Identification, activity type, grade, timing, modality, context, direction steps)." data-srcset="https://mdlayer.com/wp-content/uploads/2026/07/myElements-betterEngagement-768x432.webp 768w, https://mdlayer.com/wp-content/uploads/2026/07/myElements-betterEngagement-300x169.webp 300w, https://mdlayer.com/wp-content/uploads/2026/07/myElements-betterEngagement-1024x576.webp 1024w, https://mdlayer.com/wp-content/uploads/2026/07/myElements-betterEngagement.webp 1280w" data-sizes="(max-width: 768px) 100vw, 768px" /><noscript><img loading="lazy" decoding="async" width="768" height="432" src="https://mdlayer.com/wp-content/uploads/2026/07/myElements-betterEngagement-768x432.webp" class="attachment-medium_large size-medium_large wp-image-1012" alt="An activity card Element and its configuration sidebar (Identification, activity type, grade, timing, modality, context, direction steps)." srcset="https://mdlayer.com/wp-content/uploads/2026/07/myElements-betterEngagement-768x432.webp 768w, https://mdlayer.com/wp-content/uploads/2026/07/myElements-betterEngagement-300x169.webp 300w, https://mdlayer.com/wp-content/uploads/2026/07/myElements-betterEngagement-1024x576.webp 1024w, https://mdlayer.com/wp-content/uploads/2026/07/myElements-betterEngagement.webp 1280w" sizes="(max-width: 768px) 100vw, 768px" /></noscript>								</a>
228															</div>
229		<div class="elementor-element elementor-element-1e9a126 e-con-full e-flex e-con e-child" data-id="1e9a126" data-element_type="container" data-e-type="container">
230				<div class="elementor-element elementor-element-41db3ba elementor-view-framed elementor-shape-rounded elementor-widget elementor-widget-icon" data-id="41db3ba" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
231							<div class="elementor-icon-wrapper">
232			<div class="elementor-icon">
233			<svg aria-hidden="true" class="e-font-icon-svg e-fas-brain" viewB
233ox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"><path d="M208 0c-29.9 0-54.7 20.5-61.8 48.2-.8 0-1.4-.2-2.2-.2-35.3 0-64 28.7-64 64 0 4.8.6 9.5 1.7 14C52.5 138 32 166.6 32 200c0 12.6 3.2 24.3 8.3 34.9C16.3 248.7 0 274.3 0 304c0 33.3 20.4 61.9 49.4 73.9-.9 4.6-1.4 9.3-1.4 14.1 0 39.8 32.2 72 72 72 4.1 0 8.1-.5 12-1.2 9.6 28.5 36.2 49.2 68 49.2 39.8 0 72-32.2 72-72V64c0-35.3-28.7-64-64-64zm368 304c0-29.7-16.3-55.3-40.3-69.1 5.2-10.6 8.3-22.3 8.3-34.9 0-33.4-20.5-62-49.7-74 1-4.5 1.7-9.2 1.7-14 0-35.3-28.7-64-64-64-.8 0-1.5.2-2.2.2C422.7 20.5 397.9 0 368 0c-35.3 0-64 28.6-64 64v376c0 39.8 32.2 72 72 72 31.8 0 58.4-20.7 68-49.2 3.9.7 7.9 1.2 12 1.2 39.8 0 72-32.2 72-72 0-4.8-.5-9.5-1.4-14.1 29-12 49.4-40.6 49.4-73.9z"></path></svg>			</div>
234		</div>
235						</div>
236				<div class="elementor-element elementor-element-698bfd3 elementor-widget elementor-widget-heading" data-id="698bfd3" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
237					<h3 class="elementor-heading-title elementor-size-default">Low student engagement with plain text</h3>				</div>
238				</div>
239				<div class="elementor-element elementor-element-ff2f097 elementor-widget elementor-widget-text-editor" data-id="ff2f097" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
240									<p>A wall of plain text weakens scanning and attention, even when the material is strong.</p><p>My Elements breaks long pages into readable sections and clear landmarks so students see what matters first.</p>								</div>
241				</div>
242		<div class="elementor-element elementor-element-90946de e-con-full e-flex e-con e-child" data-id="90946de" data-element_type="container" data-e-type="container">
243				<div class="elementor-element elementor-element-174a626f e-transform elementor-widget__width-initial elementor-widget elementor-widget-image" data-id="174a626f" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="image.default">
244																<a href="https://mdlayer.com/wp-content/uploads/2026/07/myElements-wallText.webp" data-elementor-open-lightbox="yes" data-elementor-lightbox-title="Moodle activity and resources" data-elementor-lightbox-description="List of activities and resources on Moodle." data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTAwOCwidXJsIjoiaHR0cHM6XC9cL21kbGF5ZXIuY29tXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI2XC8wN1wvbXlFbGVtZW50cy13YWxsVGV4dC53ZWJwIn0%3D">
245							<img data-lazyloaded="1" src="data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs=" loading="lazy" decoding="async" width="768" height="432" data-src="https://mdlayer.com/wp-content/uploads/2026/07/myElements-wallText-768x432.webp" class="attachment-medium_large size-medium_large wp-image-1008" alt="Displays a list of activities and resources on Moodle." data-srcset="https://mdlayer.com/wp-content/uploads/2026/07/myElements-wallText-768x432.webp 768w, https://mdlayer.com/wp-content/uploads/2026/07/myElements-wallText-300x169.webp 300w, https://mdlayer.com/wp-content/uploads/2026/07/myElements-wallText-1024x576.webp 1024w, https://mdlayer.com/wp-content/uploads/2026/07/myElements-wallText.webp 1280w" data-sizes="(max-width: 768px) 100vw, 768px" /><noscript><img loading="lazy" decoding="async" width="768" height="432" src="https://mdlayer.com/wp-content/uploads/2026/07/myElements-wallText-768x432.webp" class="attachment-medium_large size-medium_large wp-image-1008" alt="Displays a list of activities and resources on Moodle." srcset="https://mdlayer.com/wp-content/uploads/2026/07/myElements-wallText-768x432.webp 768w, https://mdlayer.com/wp-content/uploads/2026/07/myElements-wallText-300x169.webp 300w, https://mdlayer.com/wp-content/uploads/2026/07/myElements-wallText-1024x576.webp 1024w, https://mdlayer.com/wp-content/uploads/2026/07/myElements-wallText.webp 1280w" sizes="(max-width: 768px) 100vw, 768px" /></noscript>								</a>
246															</div>
247		<div class="elementor-element elementor-element-47e3a424 e-con-full e-flex e-con e-child" data-id="47e3a424" data-element_type="container" data-e-type="container">
248				<div class="elementor-element elementor-element-4b85f5d7 elementor-view-framed elementor-shape-rounded elementor-widget elementor-widget-icon" data-id="4b85f5d7" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
249							<div class="elementor-icon-wrapper">
250			<div class="elementor-icon">
251			<svg aria-hidden="true" class="e-font-icon-svg e-far-file" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"><path d="M369.9 97.9L286 14C277 5 264.8-.1 252.1-.1H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V131.9c0-12.7-5.1-25-14.1-34zM332.1 128H256V51.9l76.1 76.1zM48 464V48h160v104c0 13.3 10.7 24 24 24h104v288H48z"></path></svg>			</div>
252		</div>
253						</div>
254				<div class="elementor-element elementor-element-62ea115b elementor-widget elementor-widget-heading" data-id="62ea115b" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
255					<h3 class="elementor-heading-title elementor-size-default">Moodle reduced to a file repository</h3>
255				</div>
256				</div>
257				<div class="elementor-element elementor-element-61e00100 elementor-widget elementor-widget-text-editor" data-id="61e00100" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
258									<p><span style="font-weight: 400;">When a course is mostly PDF links and plain labels, Moodle feels like a shared drive instead of a learning space.</span></p><p><span style="font-weight: 400;">My Elements helps you turn that list into a structured course page students can actually follow.</span></p>								</div>
259				</div>
260		<div class="elementor-element elementor-element-240df31b e-con-full e-flex e-con e-child" data-id="240df31b" data-element_type="container" data-e-type="container">
261				<div class="elementor-element elementor-element-28317dc3 e-transform elementor-widget__width-initial elementor-widget elementor-widget-image" data-id="28317dc3" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="image.default">
262																<a href="https://mdlayer.com/wp-content/uploads/2026/07/myElements-sourceCode.webp" data-elementor-open-lightbox="yes" data-elementor-lightbox-title="Using My Elements requires no coding skills." data-elementor-lightbox-description="Insert code with &quot;Source Code&quot; menu in Tiny MCE editor." data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTAxMSwidXJsIjoiaHR0cHM6XC9cL21kbGF5ZXIuY29tXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI2XC8wN1wvbXlFbGVtZW50cy1zb3VyY2VDb2RlLndlYnAifQ%3D%3D">
263							<img data-lazyloaded="1" src="data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs=" loading="lazy" decoding="async" width="768" height="432" data-src="https://mdlayer.com/wp-content/uploads/2026/07/myElements-sourceCode-768x432.webp" class="attachment-medium_large size-medium_large wp-image-1011" alt="A Moodle Tiny MCE text editor with Source code menu" data-srcset="https://mdlayer.com/wp-content/uploads/2026/07/myElements-sourceCode-768x432.webp 768w, https://mdlayer.com/wp-content/uploads/2026/07/myElements-sourceCode-300x169.webp 300w, https://mdlayer.com/wp-content/uploads/2026/07/myElements-sourceCode-1024x576.webp 1024w, https://mdlayer.com/wp-content/uploads/2026/07/myElements-sourceCode.webp 1280w" data-sizes="(max-width: 768px) 100vw, 768px" /><noscript><img loading="lazy" decoding="async" width="768" height="432" src="https://mdlayer.com/wp-content/uploads/2026/07/myElements-sourceCode-768x432.webp" class="attachment-medium_large size-medium_large wp-image-1011" alt="A Moodle Tiny MCE text editor with Source code menu" srcset="https://mdlayer.com/wp-content/uploads/2026/07/myElements-sourceCode-768x432.webp 768w, https://mdlayer.com/wp-content/uploads/2026/07/myElements-sourceCode-300x169.webp 300w, https://mdlayer.com/wp-content/uploads/2026/07/myElements-sourceCode-1024x576.webp 1024w, https://mdlayer.com/wp-content/uploads/2026/07/myElements-sourceCode.webp 1280w" sizes="(max-width: 768px) 100vw, 768px" /></noscript>								</a>
264															</div>
265		<div class="elementor-element elementor-element-3604be0d e-con-full e-flex e-con e-child" data-id="3604be0d" data-element_type="container" data-e-type="container">
266				<div class="elementor-element elementor-element-4b060533 elementor-view-framed elementor-shape-rounded elementor-widget elementor-widget-icon" data-id="4b060533" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
267							<div class="elementor-icon-wrapper">
268			<div class="elementor-icon">
269			<svg aria-hidden="true" class="e-font-icon-svg e-fas-hourglass-end" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"><path d="M360 64c13.255 0 24-10.745 24-24V24c0-13.255-10.745-24-24-24H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24 0 90.965 51.016 167.734 120.842 192C75.016 280.266 24 357.035 24 448c-13.255 0-24 10.745-24 24v16c0 13.255 10.745 24 24 24h336c13.255 0 24-10.745 24-24v-16c0-13.255-10.745-24-24-24 0-90.965-51.016-167.734-120.842-192C308.984 231.734 360 154.965 360 64zM192 208c-57.787 0-104-66.518-104-144h208c0 77.945-46.51 144-104 144z"></path></svg>			</div>
270		</div>
271						</div>
272				<div class="elementor-element elementor-element-11bd327d elementor-widget elementor-widget-heading" data-id="11bd327d" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
273					<h3 class="elementor-heading-title elementor-size-default">Time lost on manual workarounds</h3>
273				</div>
274				</div>
275				<div class="elementor-element elementor-element-48864340 elementor-widget elementor-widget-text-editor" data-id="48864340" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
276									<p>Teachers lose hours hunting HTML, fixing broken pastes, and rebuilding the same blocks course after course.</p><p>My Elements cuts that loop: configure once in the side panel, insert, and edit later in one click.</p>								</div>
277				</div>
278		<div class="elementor-element elementor-element-29f2516f e-con-full e-flex e-con e-child" data-id="29f2516f" data-element_type="container" data-e-type="container">
279				<div class="elementor-element elementor-element-40fa58bc e-transform elementor-widget__width-initial elementor-widget elementor-widget-image" data-id="40fa58bc" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="image.default">
280																<a href="https://mdlayer.com/wp-content/uploads/2026/07/myElements-Institution.webp" data-elementor-open-lightbox="yes" data-elementor-lightbox-title="My Element respect institution colors" data-elementor-lightbox-description="Elements match with your institution colors." data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTAxMCwidXJsIjoiaHR0cHM6XC9cL21kbGF5ZXIuY29tXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI2XC8wN1wvbXlFbGVtZW50cy1JbnN0aXR1dGlvbi53ZWJwIn0%3D">
281							<img data-lazyloaded="1" src="data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs=" loading="lazy" decoding="async" width="768" height="432" data-src="https://mdlayer.com/wp-content/uploads/2026/07/myElements-Institution-768x432.webp" class="attachment-medium_large size-medium_large wp-image-1010" alt="A Moodle text editor with a button with institution color." data-srcset="https://mdlayer.com/wp-content/uploads/2026/07/myElements-Institution-768x432.webp 768w, https://mdlayer.com/wp-content/uploads/2026/07/myElements-Institution-300x169.webp 300w, https://mdlayer.com/wp-content/uploads/2026/07/myElements-Institution-1024x576.webp 1024w, https://mdlayer.com/wp-content/uploads/2026/07/myElements-Institution.webp 1280w" data-sizes="(max-width: 768px) 100vw, 768px" /><noscript><img loading="lazy" decoding="async" width="768" height="432" src="https://mdlayer.com/wp-content/uploads/2026/07/myElements-Institution-768x432.webp" class="attachment-medium_large size-medium_large wp-image-1010" alt="A Moodle text editor with a button with institution color." srcset="https://mdlayer.com/wp-content/uploads/2026/07/myElements-Institution-768x432.webp 768w, https://mdlayer.com/wp-content/uploads/2026/07/myElements-Institution-300x169.webp 300w, https://mdlayer.com/wp-content/uploads/2026/07/myElements-Institution-1024x576.webp 1024w, https://mdlayer.com/wp-content/uploads/2026/07/myElements-Institution.webp 1280w" sizes="(max-width: 768px) 100vw, 768px" /></noscript>								</a>
282															</div>
283		<div class="elementor-element elementor-element-1c294382 e-con-full e-flex e-con e-child" data-id="1c294382" data-element_type="container" data-e-type="container">
284				<div class="elementor-element elementor-element-14cc5f5f elementor-view-framed elementor-shape-rounded elementor-widget elementor-widget-icon" data-id="14cc5f5f" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
285							<div class="elementor-icon-wrapper">
286			<div class="elementor-icon">
287			<svg aria-hidden="true" class="e-font-icon-svg e-fas-palette" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M204.3 5C104.9 24.4 24.8 104.3 5.2 203.4c-37 187 131.7 326.4 258.8 306.7 41.2-6.4 61.4-54.6 42.5-91.7-23.1-45.4 9.9-98.4 60.9-98.4h79.7c35.8 0 64.8-29.6 64.9-65.3C511.5 97.1 368.1-26.9 204.3 5zM96 320c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm32-128c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm128-64c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm128 64c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32z"></path></svg>			</div>
288		</div>
289						</div>
290				<div class="elementor-element elementor-element-3067a0e6 elementor-widget elementor-widget-heading" data-id="3067a0e6" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
291					<h3 class="elementor-heading-title elementor-size-default">Pages that clash with the institution’s look</h3>
291				</div>
292				</div>
293				<div class="elementor-element elementor-element-c946801 elementor-widget elementor-widget-text-editor" data-id="c946801" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
294									<p>Forum snippets often break campus colors and spacing, so pages look out of place next to the rest of Moodle.</p><p>My Elements builds blocks that match your institution’s style automatically.</p>								</div>
295				</div>
296				</div>
297					</div>
298				</div>
299		<div class="elementor-element elementor-element-53c55439 e-flex e-con-boxed e-con e-parent" data-id="53c55439" data-element_type="container" data-e-type="container">
300					<div class="e-con-inner">
301				<div class="elementor-element elementor-element-5e525b8 elementor-widget elementor-widget-heading" data-id="5e525b8" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
302					<span class="elementor-heading-title elementor-size-default">Your content, your style</span>				</div>
303				<div class="elementor-element elementor-element-7324d5d elementor-widget elementor-widget-heading" data-id="7324d5d" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
304					<h2 class="elementor-heading-title elementor-size-default">Features: Your Moodle content, designed your way</h2>				</div>
305		<div class="elementor-element elementor-element-4b741ef e-con-full e-flex elementor-invisible e-con e-child" data-id="4b741ef" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;slideInLeft&quot;}">
306				<div class="elementor-element elementor-element-36cb8ee1 elementor-widget__width-initial elementor-widget elementor-widget-image" data-id="36cb8ee1" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
307															<img data-lazyloaded="1" src="data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs=" decoding="async" data-src="https://mdlayer.com/wp-content/uploads/elementor/thumbs/myElements-featureButton-350-rr4bxzkd34zuw12ef25u71486ne15dnnqg1zh6yf5e.webp" title="MyElements features : add an element button" alt="&quot;Add Element&quot; button at the bottom right of the TinyMCE text editor." loading="lazy" /><noscript><img decoding="async" src="https://mdlayer.com/wp-content/uploads/elementor/thumbs/myElements-featureButton-350-rr4bxzkd34zuw12ef25u71486ne15dnnqg1zh6yf5e.webp" title="MyElements features : add an element button" alt="&quot;Add Element&quot; button at the bottom right of the TinyMCE text editor." loading="lazy" /></noscript>															</div>
308		<div class="elementor-element elementor-element-454066dc e-con-full e-flex e-con e-child" data-id="454066dc" data-element_type="container" data-e-type="container">
309				<div class="elementor-element elementor-element-c588bcc elementor-widget elementor-widget-heading" data-id="c588bcc" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
310					<h3 class="elementor-heading-title elementor-size-default">Works where you already write</h3>				</div>
311				<div class="elementor-element elementor-element-6734e321 elementor-widget elementor-widget-text-editor" data-id="6734e321" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
312									<p>Getting started should not feel like setup work. My Elements detects Moodle&#8217;s text editors automatically and shows a floating button whenever you&#8217;re editing a course page, a text and media zone, an activity description, or any other editable zone. Click it, and the side panel opens with your content blocks.<br />No configuration, no extra toolbar to learn first: when you&#8217;re not editing, the button and panel stay out of the way.</p><p>How it works:</p><ol><li>Open any Moodle page where you can edit text.</li><li>Start editing as you usually do.</li><li>A floating button appears once an editor is ready. Click it to open the side panel.</li><li>Choose a content block, set your options, and insert it into the page.</li><li>Keep writing or click an existing block later to refine it.</li></ol><p>
312 </p><p>You can also set how the panel opens, where the floating button sits, and whether deletions need a confirmation. So, the tool follows your habits, not the other way around.</p><p>This makes My Elements easy to adopt, even for teachers who do not want another system to learn.</p>								</div>
313				</div>
314				</div>
315				<div class="elementor-element elementor-element-7e71c42 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="7e71c42" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
316							<div class="elementor-divider">
317			<span class="elementor-divider-separator">
318						</span>
319		</div>
320						</div>
321		<div class="elementor-element elementor-element-4abc2d8b e-con-full e-flex elementor-invisible e-con e-child" data-id="4abc2d8b" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;slideInRight&quot;}">
322		<div class="elementor-element elementor-element-5de05773 e-con-full e-flex e-con e-child" data-id="5de05773" data-element_type="container" data-e-type="container">
323				<div class="elementor-element elementor-element-210f623 elementor-widget elementor-widget-heading" data-id="210f623" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
324					<h3 class="elementor-heading-title elementor-size-default">Ready-to-use content blocks</h3>				</div>
325				<div class="elementor-element elementor-element-6ba60af4 elementor-widget elementor-widget-text-editor" data-id="6ba60af4" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
326									<p>Once the side panel is open, My Elements gives you a library of content blocks built for real teaching pages.<br />Some blocks are explicitly pedagogical, others are the basic building blocks of a clear page, and they still serve teaching.</p><p>You pick a block, set the text and options in the side panel, and the block appears ready in your Moodle editor.</p><p>You can add:</p><ul><li>Buttons &#8211; clear calls to action that send students to an activity, a resource, or the next step in the course.</li><li>Dividers &#8211; visual breaks that separate topics, weeks, or sections so a long page feels paced instead of endless).</li><li>Accordions &#8211; collapsible sections ideal for FAQs, definitions, or optional detail without flooding the page.</li><li>Tabs &#8211; side-by-side chapters so program, assessment, and resources stay on one screen without endless scrolling.</li><li>Icon lists &#8211; scannable lists for prerequisites, learning outcomes, or step-by-step instructions.</li><li>Callouts &#8211; short tip, warning, info, or success boxes that highlight what students must not miss.</li><li>Activity cards &#8211; structured assignment briefs with instructions, criteria, and deadlines in one readable block.</li><li>Custom boxes &#8211; colored content frames you shape to your message when you need a stronger visual landmark.</li><li>&#8230;</li></ul><p> </p><p>
326Each block is meant to answer a classroom need: guide attention, cut cognitive load, and turn a wall of text into a page students can actually follow.</p>								</div>
327				<div class="elementor-element elementor-element-fca4d90 elementor-align-left elementor-widget elementor-widget-button" data-id="fca4d90" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
328										<a class="elementor-button elementor-button-link elementor-size-sm" href="https://mdlayer.com/my-elements/interactive-elements/">
329						<span class="elementor-button-content-wrapper">
330						<span class="elementor-button-icon">
331				<svg aria-hidden="true" class="e-font-icon-svg e-fas-long-arrow-alt-right" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z"></path></svg>			</span>
332									<span class="elementor-button-text">Explore how to add buttons, tabs, and accordions in Moodle</span>
333					</span>
334					</a>
335								</div>
336				</div>
337				<div class="elementor-element elementor-element-7800a61d elementor-widget__width-initial elementor-widget elementor-widget-image" data-id="7800a61d" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
338															<img data-lazyloaded="1" src="data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs=" decoding="async" data-src="https://mdlayer.com/wp-content/uploads/elementor/thumbs/myElements-elementsList-350-rr4cdv28ieq6yy09px70b0whcx575cogl0p79ff220.webp" title="MyElements features : content block" alt="Sidebar containing the add buttons for each item." loading="lazy" /><noscript><img decoding="async" src="https://mdlayer.com/wp-content/uploads/elementor/thumbs/myElements-elementsList-350-rr4cdv28ieq6yy09px70b0whcx575cogl0p79ff220.webp" title="MyElements features : content block" alt="Sidebar containing the add buttons for each item." loading="lazy" /></noscript>															</div>
339				</div>
340				<div class="elementor-element elementor-element-12ed84d3 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="12ed84d3" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
341							<div class="elementor-divider">
342			<span class="elementor-divider-separator">
343						</span>
344		</div>
345						</div>
346		<div class="elementor-element elementor-element-5a612070 e-con-full e-flex elementor-invisible e-con e-child" data-id="5a612070" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;slideInLeft&quot;}">
347				<div class="elementor-element elementor-element-36151113 elementor-widget__width-initial elementor-widget elementor-widget-image" data-id="36151113" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
348															<img data-lazyloaded="1" src="data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs=" decoding="async" data-src="https://mdlayer.com/wp-content/uploads/elementor/thumbs/myElements-featureParams-350-rr4d9nxnqm9frzta0o2lnzzww8e9koxiyfalsg9jjw.webp" title="MyElements features : customizing" alt="Three button customization parameters: layout, color, and shadow." loading="lazy" /><noscript><img decoding="async" src="https://mdlayer.com/wp-content/uploads/elementor/thumbs/myElements-featureParams-350-rr4d9nxnqm9frzta0o2lnzzww8e9koxiyfalsg9jjw.webp" title="MyElements features : customizing" alt="Three button customization parameters: layout, color, and shadow." loading="lazy" /></noscript>															</div>
349		<div class="elementor-element elementor-element-64603377 e-con-full e-flex e-con e-child" data-id="64603377" data-element_type="container" data-e-type="container">
350				<div class="elementor-element elementor-element-316b01b7 elementor-widget elementor-widget-heading" data-id="316b01b7" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
351					<h3 class="elementor-heading-title elementor-size-default">Customize every block without code</h3>
351				</div>
352				<div class="elementor-element elementor-element-4aacc363 elementor-widget elementor-widget-text-editor" data-id="4aacc363" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
353									<p>Ready-made blocks only help if you can shape them to your course. In the side panel, each element opens a simple set of controls so you decide what students see and how it looks without touching HTML or CSS code.</p><p>You can adjust:</p><ul><li>Content &#8211; titles, body text, links, and rich text inside each block (including images and lists where the block allows it).</li><li>Structure &#8211; add, remove, or reorder lines in multi-item blocks (accordions, tabs, icon lists, activity cards), and choose options such as which accordion section opens first.</li><li>Icons &#8211; pick icons that match the message (prerequisites, tips, next steps) from the icon set available on your Moodle site.</li><li>Style &#8211; choose a visual variant, layout, colors (campus palette by default, or your own), borders, shadows, size, background, and spacing, so each block fits the role you give it on the page.</li><li>Optional details &#8211; turn borders, shadows, or extra titles on or off when you want a lighter or stronger emphasis.</li></ul><p> </p><p>Pedagogical blocks, like activity cards, carry a few extra fields suited to their teaching role. An activity card, for instance, can surface a deadline, criteria, resources, and a call to action alongside its core content.</p><p>The point is not endless decoration. It is controlled personalization: enough options to make a page scannable and on-brand, simple enough that updating a block mid-semester stays a one-click edit.</p>								</div>
354				</div>
355				</div>
356				<div class="elementor-element elementor-element-4688ddce elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="4688ddce" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
357							<div class="elementor-divider">
358			<span class="elementor-divider-separator">
359						</span>
360		</div>
361						</div>
362		<div class="elementor-element elementor-element-32a5235 e-con-full e-flex elementor-invisible e-con e-child" data-id="32a5235" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;slideInRight&quot;}">
363		<div class="elementor-element elementor-element-6e5fcd3 e-con-full e-flex e-con e-child" data-id="6e5fcd3" data-element_type="container" data-e-type="container">
364				<div class="elementor-element elementor-element-6beb9bf elementor-widget elementor-widget-heading" data-id="6beb9bf" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
365					<h3 class="elementor-heading-title elementor-size-default">Looks like your institution</h3>				</div>
366				<div class="elementor-element elementor-element-6488e52 elementor-widget elementor-widget-text-editor" data-id="6488e52" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
367									<p>A course page only feels professional when it matches the rest of the campus Moodle.</p><p>My Elements reads your site’s visual identity and applies it to every block you insert: colors, spacing, and overall look stay consistent with your institution’s theme.</p><p>You do not pick a foreign “skin” or paste third-party snippets that clash with the platform.</p>								</div>
368				</div>
369				<div class="elementor-element elementor-element-f758cd8 elementor-widget__width-initial elementor-widget elementor-widget-image" data-id="f758cd8" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
370															<img data-lazyloaded="1" src="data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs=" decoding="async" data-src="https://mdlayer.com/wp-content/uploads/elementor/thumbs/myElements-featureInstitution-350-rr4e6xg1ljsqn7hts1pawlt5p4fvz2zk72f76yxzci.webp" title="MyElements features : looks like your institution" alt="The inserted element (an activity card) features colors suited to the Moodle demo site." loading="lazy" /><noscript><img decoding="async" src="https://mdlayer.com/wp-content/uploads/elementor/thumbs/m
370yElements-featureInstitution-350-rr4e6xg1ljsqn7hts1pawlt5p4fvz2zk72f76yxzci.webp" title="MyElements features : looks like your institution" alt="The inserted element (an activity card) features colors suited to the Moodle demo site." loading="lazy" /></noscript>															</div>
371				</div>
372				<div class="elementor-element elementor-element-2d5db712 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="2d5db712" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
373							<div class="elementor-divider">
374			<span class="elementor-divider-separator">
375						</span>
376		</div>
377						</div>
378		<div class="elementor-element elementor-element-e7537f3 e-con-full e-flex elementor-invisible e-con e-child" data-id="e7537f3" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;slideInLeft&quot;}">
379				<div class="elementor-element elementor-element-4699c75 elementor-widget__width-initial elementor-widget elementor-widget-image" data-id="4699c75" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
380															<img data-lazyloaded="1" src="data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs=" decoding="async" data-src="https://mdlayer.com/wp-content/uploads/elementor/thumbs/myElements-featureReedit-350-rr4eawbigd8bnxqalrglflr7zovoh2qrepl051252q.webp" title="MyElements features : edit a element" alt="The mouse is hover an element, a tooltip provided by the editor appears." loading="lazy" /><noscript><img decoding="async" src="https://mdlayer.com/wp-content/uploads/elementor/thumbs/myElements-featureReedit-350-rr4eawbigd8bnxqalrglflr7zovoh2qrepl051252q.webp" title="MyElements features : edit a element" alt="The mouse is hover an element, a tooltip provided by the editor appears." loading="lazy" /></noscript>															</div>
381		<div class="elementor-element elementor-element-c40dd22 e-con-full e-flex e-con e-child" data-id="c40dd22" data-element_type="container" data-e-type="container">
382				<div class="elementor-element elementor-element-d46c035 elementor-widget elementor-widget-heading" data-id="d46c035" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
383					<h3 class="elementor-heading-title elementor-size-default">Edit Anytime. Nothing gets lost</h3>				</div>
384				<div class="elementor-element elementor-element-3a75988 elementor-widget elementor-widget-text-editor" data-id="3a75988" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
385									<p><span style="font-weight: 400;">Course pages evolve. My Elements is built for that reality.</span></p><p><span style="font-weight: 400;">Click a block you already inserted and the side panel reopens on that block’s exact settings. Change the title, reorder items, update a link, or adjust the style, then save your page.<br /></span><span style="font-weight: 400;">For multi-item blocks (accordions, tabs, icon lists, activity cards), you can reorder or remove lines from the side panel without rebuilding the whole structure.</span></p><p><span style="font-weight: 400;">Teachers stop fearing “one more tweak will break the HTML,” and small improvements become part of normal course maintenance instead of a risky rebuild.</span></p>								</div>
386				</div>
387				</div>
388				<div class="elementor-element elementor-element-e787906 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="e787906" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
389							<div class="elementor-divider">
390			<span class="elementor-divider-separator">
391						</span>
392		</div>
393						</div>
394		<div class="elementor-element elementor-element-cc1f5f9 e-con-full e-flex elementor-invisible e-con e-child" data-id="cc1f5f9" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;slideInRight&quot;}">
395		<div class="elementor-element elementor-element-335ab4a e-con-full e-flex e-con e-child" data-id="335ab4a" data-element_type="container" data-e-type="container">
396				<div class="elementor-element elementor-element-f3c390c elementor-widget elementor-widget-heading" data-id="f3c390c" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
397					<h3 class="elementor-heading-title elementor-size-default">Speaks Your Language</h3>
397				</div>
398				<div class="elementor-element elementor-element-6a7dea2 elementor-widget elementor-widget-text-editor" data-id="6a7dea2" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
399									<p>My Elements ships with an interface in six languages (English, French, Spanish, German, Portuguese, and Brazilian Portuguese).</p><p>The language can follow your browser or your choice, so international teaching teams and multi-campus trainers get the same clear workflow without waiting for an institutional plugin rollout.</p>								</div>
400				</div>
401				<div class="elementor-element elementor-element-5ab6154 elementor-widget__width-initial elementor-widget elementor-widget-image" data-id="5ab6154" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
402															<img data-lazyloaded="1" src="data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs=" decoding="async" data-src="https://mdlayer.com/wp-content/uploads/elementor/thumbs/myElements-featureLanguage-350-rr4ee21zfbk0or535mmgbb1zvbb3cgaa6cir7idi5u.webp" title="MyElements features : choose language" alt="The choose language dropdown menu." loading="lazy" /><noscript><img decoding="async" src="https://mdlayer.com/wp-content/uploads/elementor/thumbs/myElements-featureLanguage-350-rr4ee21zfbk0or535mmgbb1zvbb3cgaa6cir7idi5u.webp" title="MyElements features : choose language" alt="The choose language dropdown menu." loading="lazy" /></noscript>															</div>
403				</div>
404				<div class="elementor-element elementor-element-1c0b463 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="1c0b463" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
405							<div class="elementor-divider">
406			<span class="elementor-divider-separator">
407						</span>
408		</div>
409						</div>
410				<div class="elementor-element elementor-element-cde8f85 elementor-widget elementor-widget-text-editor" data-id="cde8f85" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
411									<p>Together, these features turn My Elements into a practical content design layer on Moodle: structure the page, match the campus look, keep editing safe, and stay focused on teaching.</p>								</div>
412					</div>
413				</div>
414		<div class="elementor-element elementor-element-427c4c8c e-flex e-con-boxed e-con e-parent" data-id="427c4c8c" data-element_type="container" data-e-type="container">
415					<div class="e-con-inner">
416				<div class="elementor-element elementor-element-35d85804 elementor-widget elementor-widget-heading" data-id="35d85804" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
417					<h2 class="elementor-heading-title elementor-size-default">Best Practices to design engaging Moodle content</h2>				</div>
418				<div class="elementor-element elementor-element-7af20885 elementor-widget elementor-widget-text-editor" data-id="7af20885" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
419									<p><span style="font-weight: 400;">My Elements makes a few simple habits possible in a way Moodle’s editors alone do not. </span></p>								</div>
420		<div class="elementor-element elementor-element-1d1870a1 e-con-full e-flex e-con e-child" data-id="1d1870a1" data-element_type="container" data-e-type="container">
421				<div class="elementor-element elementor-element-4ff0b770 elementor-align-start elementor-widget__width-initial elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="4ff0b770" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
422							<ul class="elementor-icon-list-items">
423							<li class="elementor-icon-list-item">
424											<span class="elementor-icon-list-icon">
425							<svg aria-hidden="true" class="e-font-icon-svg e-fas-cut" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M278.06 256L444.48 89.57c4.69-4.69 4.69-12.29 0-16.97-32.8-32.8-85.99-32.8-118.79 0L210.18 188.12l-24.86-24.86c4.31-10.92 6.68-22.81 6.68-35.26 0-53.02-42.98-96-96-96S0 74.98 0 128s42.98 96 96 96c4.54 0 8.99-.32 13.36-.93L142.29 256l-32.93 32.93c-4.37-.61-8.83-.93-13.36-.93-53.02 0-96 42.98-96 96s42.98 96 96 96 96-42.98 96-96c0-12.45-2.37-24.34-6.68-35.26l24.86-24.86L325.69 439.4c32.8 32.8 85.99 32.8 118.79 0 4.69-4.68 4.69-12.28 0-16.97L278.06 256zM96 160c-17.64 0-32-14.36-32-32s14.36-32 32-32 32 14.36 32 32-14.36 32-32 32zm0 256c-17.64 0-32-14.36-32-32s14.36-32 32-32 32 14.36 32 32-14.36 32-32 32z"></path></svg>						</span>
426										<span class="elementor-icon-list-text">Break a long course page into readable sections with dividers and short headings so students can scan before they dive in.</span>
427									</li>
428								<li class="elementor-icon-list-item">
429											<span class="elementor-icon-list-icon">
430							<svg aria-hidden="true" class="e-font-icon-svg e-far-caret-square-down" viewB
430ox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M125.1 208h197.8c10.7 0 16.1 13 8.5 20.5l-98.9 98.3c-4.7 4.7-12.2 4.7-16.9 0l-98.9-98.3c-7.7-7.5-2.3-20.5 8.4-20.5zM448 80v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48zm-48 346V86c0-3.3-2.7-6-6-6H54c-3.3 0-6 2.7-6 6v340c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z"></path></svg>						</span>
431										<span class="elementor-icon-list-text">Present learning objectives and targeted competencies in an accordion on the course home page, instead of a long plain block or a separate page activity that pushes everything else down.</span>
432									</li>
433								<li class="elementor-icon-list-item">
434											<span class="elementor-icon-list-icon">
435							<svg aria-hidden="true" class="e-font-icon-svg e-far-list-alt" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V80c0-26.51-21.49-48-48-48zm-6 400H54a6 6 0 0 1-6-6V86a6 6 0 0 1 6-6h404a6 6 0 0 1 6 6v340a6 6 0 0 1-6 6zm-42-92v24c0 6.627-5.373 12-12 12H204c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h200c6.627 0 12 5.373 12 12zm0-96v24c0 6.627-5.373 12-12 12H204c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h200c6.627 0 12 5.373 12 12zm0-96v24c0 6.627-5.373 12-12 12H204c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h200c6.627 0 12 5.373 12 12zm-252 12c0 19.882-16.118 36-36 36s-36-16.118-36-36 16.118-36 36-36 36 16.118 36 36zm0 96c0 19.882-16.118 36-36 36s-36-16.118-36-36 16.118-36 36-36 36 16.118 36 36zm0 96c0 19.882-16.118 36-36 36s-36-16.118-36-36 16.118-36 36-36 36 16.118 36 36z"></path></svg>						</span>
436										<span class="elementor-icon-list-text">Turn a plain assignment description into a structured activity card with instructions, criteria, deadline, and a clear next step.</span>
437									</li>
438						</ul>
439						</div>
440				<div class="elementor-element elementor-element-5937fef elementor-align-start elementor-widget__width-initial elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="5937fef" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
441							<ul class="elementor-icon-list-items">
442							<li class="elementor-icon-list-item">
443											<span class="elementor-icon-list-icon">
444							<svg aria-hidden="true" class="e-font-icon-svg e-far-comments" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"><path d="M532 386.2c27.5-27.1 44-61.1 44-98.2 0-80-76.5-146.1-176.2-157.9C368.3 72.5 294.3 32 208 32 93.1 32 0 103.6 0 192c0 37 16.5 71 44 98.2-15.3 30.7-37.3 54.5-37.7 54.9-6.3 6.7-8.1 16.5-4.4 25 3.6 8.5 12 14 21.2 14 53.5 0 96.7-20.2 125.2-38.8 9.2 2.1 18.7 3.7 28.4 4.9C208.1 407.6 281.8 448 368 448c20.8 0 40.8-2.4 59.8-6.8C456.3 459.7 499.4 480 553 480c9.2 0 17.5-5.5 21.2-14 3.6-8.5 1.9-18.3-4.4-25-.4-.3-22.5-24.1-37.8-54.8zm-392.8-92.3L122.1 305c-14.1 9.1-28.5 16.3-43.1 21.4 2.7-4.7 5.4-9.7 8-14.8l15.5-31.1L77.7 256C64.2 242.6 48 220.7 48 192c0-60.7 73.3-112 160-112s160 51.3 160 112-73.3 112-160 112c-16.5 0-33-1.9-49-5.6l-19.8-4.5zM498.3 352l-24.7 24.4 15.5 31.1c2.6 5.1 5.3 10.1 8 14.8-14.6-5.1-29-12.3-43.1-21.4l-17.1-11.1-19.9 4.6c-16 3.7-32.5 5.6-49 5.6-54 0-102.2-20.1-131.3-49.7C338 339.5 416 272.9 416 192c0-3.4-.4-6.7-.7-10C479.7 196.5 528 238.8 528 288c0 28.7-16.2 50.6-29.7 64z"></path></svg>						</span>
445										<span class="elementor-icon-list-text">Add a short FAQ at the top of your course with an accordion instead of answering the same email ten times.</span>
446									</li>
447								<li class="elementor-icon-list-item">
448											<span class="elementor-icon-list-icon">
449							<svg aria-hidden="true" class="e-font-icon-svg e-far-eye" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"><path d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"></path></svg>						</span>
450										<span class="elementor-icon-list-text">Highlight what students must not miss with callouts (tip, warning, info) instead of burying key rules in a long paragraph.</span>
451									</li>
452						</ul>
453						</div>
454				</div>
455				<div class="elementor-element elementor-element-ccfd755 elementor-align-right elementor-widget elementor-widget-button" data-id="ccfd755" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
456										<a class="elementor-button elementor-button-link elementor-size-sm" href="https://mdlayer.com/my-elements/content-design/">
457						<span class="elementor-button-content-wrapper">
458						<span class="elementor-button-icon">
459				<svg aria-hidden="true" class="e-font-icon-svg e-fas-long-arrow-alt-right" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z"></path></svg>			</span>
460									<span class="elementor-button-text">Learn more about designing engaging Moodle course pages</span>
461					</span>
462					</a>
463								</div>
464					</div>
465				</div>
466		<div class="elementor-element elementor-element-38f174e0 e-flex e-con-boxed e-con e-parent" data-id="38f174e0" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;gradient&quot;}">
467					<div class="e-con-inner">
468				<div class="elementor-element elementor-element-34746642 elementor-widget elementor-widget-heading" data-id="34746642" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
469					<span class="elementor-heading-title elementor-size-default">teaching contexts</span>				</div>
470				<div class="elementor-element elementor-element-421f9cd6 elementor-widget elementor-widget-heading" data-id="421f9cd6" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
471					<h2 class="elementor-heading-title elementor-size-default">How Teachers use My Elements</h2>				</div>
472		<div class="elementor-element elementor-element-1249fc09 e-con-full e-flex e-con e-child" data-id="1249fc09" data-element_type="container" data-e-type="container">
473		<div class="elementor-element elementor-element-e7d4d5 e-con-full e-flex e-con e-child" data-id="e7d4d5" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
474				<div class="elementor-element elementor-element-7ad5c19f elementor-view-stacked elementor-shape-rounded elementor-widget elementor-widget-icon" data-id="7ad5c19f" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
475							<div class="elementor-icon-wrapper">
476			<div class="elementor-icon">
477			<svg aria-hidden="true" class="e-font-icon-svg e-fas-home" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"><path d="M280.37 148.26L96 300.11V464a16 16 0 0 0 16 16l112.06-.29a16 16 0 0 0 15.92-16V368a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v95.64a16 16 0 0 0 16 16.05L464 480a16 16 0 0 0 16-16V300L295.67 148.26a12.19 12.19 0 0 0-15.3 0zM571.6 251.47L488 182.56V44.05a12 12 0 0 0-12-12h-56a12 12 0 0 0-12 12v72.61L318.47 43a48 48 0 0 0-61 0L4.34 251.47a12 12 0 0 0-1.6 16.9l25.5 31A12 12 0 0 0 45.15 301l235.22-193.74a12.19 12.19 0 0 1 15.3 0L530.9 301a12 12 0 0 0 16.9-1.6l25.5-31a12 12 0 0 0-1.7-16.93z"></path></svg>			</div>
478		</div>
479						</div>
480				<div class="elementor-element elementor-element-13329730 elementor-widget elementor-widget-heading" data-id="13329730" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
481					<h3 class="elementor-heading-title elementor-size-default">Elena: From PDF dump to a real course home page</h3>				</div>
482				<div class="elementor-element elementor-element-20f68a4e elementor-widget elementor-widget-text-editor" data-id="20f68a4e" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
483									<p>Elena used to open each term by uploading slides and readings as file links. Students landed on a long list of PDFs with almost no guidance.</p><p>With My Elements, she builds a true module home page: a short welcome callout, an accordion for learning objectives and competencies so they stay visible without filling the screen, an icon list for prerequisites, and tabs for program, assessment, and resources.</p><p>In under ten minutes, the course stops feeling like a shared drive and becomes a space students can actually follow.</p>								</div>
484				<div class="elementor-element elementor-element-170cfcf elementor-align-left elementor-widget elementor-widget-button" data-id="170cfcf" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
485										<a class="elementor-button elementor-button-link elementor-size-sm" href="https://mdlayer.com/my-elements/interactive-elements/">
486						<span class="elementor-button-content-wrapper">
487						<span class="elementor-button-icon">
488				<svg aria-hidden="true" class="e-font-icon-svg e-fas-long-arrow-alt-right" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z"></path></svg>			</span>
489									<span class="elementor-button-text">Explore how to add interactive Elements in Moodle</span>
490					</span>
491					</a>
492								</div>
493				</div>
494		<div class="elementor-element elementor-element-0103b88 e-con-full e-flex e-con e-child" data-id="0103b88" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
495				<div class="elementor-element elementor-element-3d84a09 elementor-view-stacked elementor-shape-rounded elementor-widget elementor-widget-icon" data-id="3d84a09" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
496							<div class="elementor-icon-wrapper">
497			<div class="elementor-icon">
498			<svg aria-hidden="true" class="e-font-icon-svg e-fas-paint-roller" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M416 128V32c0-17.67-14.33-32-32-32H32C14.33 0 0 14.33 0 32v96c0 17.67 14.33 32 32 32h352c17.67 0 32-14.33 32-32zm32-64v128c0 17.67-14.33 32-32 32H256c-35.35 0-64 28.65-64 64v32c-17.67 0-32 14.33-32 32v128c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32V352c0-17.67-14.33-32-32-32v-32h160c53.02 0 96-42.98 96-96v-64c0-35.35-28.65-64-64-64z"></path></svg>			</div>
499		</div>
500						</div>
501				<div class="elementor-element elementor-element-7bf76f0 elementor-widget elementor-widget-heading" data-id="7bf76f0" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
502					<h3 class="elementor-heading-title elementor-size-default">Priya: A course page that finally looks like she made an effort</h3>				</div>
503				<div class="elementor-element elementor-element-f556590 elementor-widget elementor-widget-text-editor" data-id="f556590" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
504									<p>Priya trains new hires in a corporate compliance program, and her course content was always solid, but the page itself looked plain next to the polished onboarding materials her colleagues in marketing produced.</p><p>She didn&#8217;t have a teaching problem to fix, she just wanted the page to look like the effort she puts into the training.</p><p>She adds a custom box for the welcome message in her company&#8217;s brand colors, callouts to highlight key policies, and dividers between modules. Nothing changes pedagogically, the page simply looks like it was made with care, and trainees notice.</p>								</div>
505				<div class="elementor-element elementor-element-ee70ed9 elementor-align-left elementor-widget elementor-widget-button" data-id="ee70ed9" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
506										<a class="elementor-button elementor-button-link elementor-size-sm" href="https://mdlayer.com/my-elements/make-moodle-course-look-better/">
507						<span class="elementor-button-content-wrapper">
508						<span class="elementor-button-icon">
509				<svg aria-hidden="true" class="e-font-icon-svg e-fas-long-arrow-alt-right" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z"></path></svg>			</span>
510									<span class="elementor-button-text">See how to add visual polish to Moodle</span>
511					</span>
512					</a>
513								</div>
514				</div>
515		<div class="elementor-element elementor-element-3ba8aadd e-con-full e-flex e-con e-child" data-id="3ba8aadd" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
516				<div class="elementor-element elementor-element-5cd1b0a elementor-view-stacked elementor-shape-rounded elementor-widget elementor-widget-icon" data-id="5cd1b0a" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
517							<div class="elementor-icon-wrapper">
518			<div class="elementor-icon">
519			<svg aria-hidden="true" class="e-font-icon-svg e-fas-graduation-cap" viewBox="0 0 640 512" xmlns="http://www.w3.org/2000/svg"><path d="M622.34 153.2L343.4 67.5c-15.2-4.67-31.6-4.67-46.79 0L17.66 153.2c-23.54 7.23-23.54 38.36 0 45.59l48.63 14.94c-10.67 13.19-17.23 29.28-17.88 46.9C38.78 266.15 32 276.11 32 288c0 10.78 5.68 19.85 13.86 25.65L20.33 428.53C18.11 438.52 25.71 448 35.94 448h56.11c10.24 0 17.84-9.48 15.62-19.47L82.14 313.65C90.32 307.85 96 298.78 96 288c0-11.57-6.47-21.25-15.66-26.87.76-15.02 8.44-28.3 20.69-36.72L296.6 284.5c9.06 2.78 26.44 6.25 46.79 0l278.95-85.7c23.55-7.24 23.55-38.36 0-45.6zM352.79 315.09c-28.53 8.76-52.84 3.92-65.59 0l-145.
51902-44.55L128 384c0 35.35 85.96 64 192 64s192-28.65 192-64l-14.18-113.47-145.03 44.56z"></path></svg>			</div>
520		</div>
521						</div>
522				<div class="elementor-element elementor-element-77c1123e elementor-widget elementor-widget-heading" data-id="77c1123e" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
523					<h3 class="elementor-heading-title elementor-size-default">Camila: A complete assignment brief students can act on</h3>				</div>
524				<div class="elementor-element elementor-element-33c82a89 elementor-widget elementor-widget-text-editor" data-id="33c82a89" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
525									<p><span style="font-weight: 400;">Camila runs a multi-week group project and used to paste a long assignment description that students skimmed and then emailed about.</span></p><p><span style="font-weight: 400;">She turns that brief into an activity card: instructions, criteria, deadline, group size, resources, and a clear submit button in one structured block. When she also needs a partner module or a short intro video outside Moodle, she adds primary and secondary buttons that open those links cleanly.</span></p><p><span style="font-weight: 400;">Students see expectations at a glance. She updates the deadline mid-term with one click on the same card.</span></p>								</div>
526				</div>
527		<div class="elementor-element elementor-element-e4e0057 e-con-full e-flex e-con e-child" data-id="e4e0057" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
528				<div class="elementor-element elementor-element-24248949 elementor-view-stacked elementor-shape-rounded elementor-widget elementor-widget-icon" data-id="24248949" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
529							<div class="elementor-icon-wrapper">
530			<div class="elementor-icon">
531			<svg aria-hidden="true" class="e-font-icon-svg e-far-object-ungroup" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"><path d="M564 224c6.627 0 12-5.373 12-12v-72c0-6.627-5.373-12-12-12h-72c-6.627 0-12 5.373-12 12v12h-88v-24h12c6.627 0 12-5.373 12-12V44c0-6.627-5.373-12-12-12h-72c-6.627 0-12 5.373-12 12v12H96V44c0-6.627-5.373-12-12-12H12C5.373 32 0 37.373 0 44v72c0 6.627 5.373 12 12 12h12v160H12c-6.627 0-12 5.373-12 12v72c0 6.627 5.373 12 12 12h72c6.627 0 12-5.373 12-12v-12h88v24h-12c-6.627 0-12 5.373-12 12v72c0 6.627 5.373 12 12 12h72c6.627 0 12-5.373 12-12v-12h224v12c0 6.627 5.373 12 12 12h72c6.627 0 12-5.373 12-12v-72c0-6.627-5.373-12-12-12h-12V224h12zM352 64h32v32h-32V64zm0 256h32v32h-32v-32zM64 352H32v-32h32v32zm0-256H32V64h32v32zm32 216v-12c0-6.627-5.373-12-12-12H72V128h12c6.627 0 12-5.373 12-12v-12h224v12c0 6.627 5.373 12 12 12h12v160h-12c-6.627 0-12 5.373-12 12v12H96zm128 136h-32v-32h32v32zm280-64h-12c-6.627 0-12 5.373-12 12v12H256v-12c0-6.627-5.373-12-12-12h-12v-24h88v12c0 6.627 5.373 12 12 12h72c6.627 0 12-5.373 12-12v-72c0-6.627-5.373-12-12-12h-12v-88h88v12c0 6.627 5.373 12 12 12h12v160zm40 64h-32v-32h32v32zm0-256h-32v-32h32v32z"></path></svg>			</div>
532		</div>
533						</div>
534				<div class="elementor-element elementor-element-4416be27 elementor-widget elementor-widget-heading" data-id="4416be27" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
535					<h3 class="elementor-heading-title elementor-size-default">Noah: Breathing room inside a dense explanation</h3>				</div>
536				<div class="elementor-element elementor-element-257d93df elementor-widget elementor-widget-text-editor" data-id="257d93df" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
537									<p>Noah teaches a theory-heavy unit where the reading is strong but hard to scan.</p><p>Instead of one unbroken wall of text, he inserts tip, warning, and success callouts at the moments students usually get stuck, and dividers between major blocks so the page has a clear rhythm.</p><p>The material stays the same.<br />The page now paces attention so learners can spot what matters without losing the thread.</p>								</div>
538				<div class="elementor-element elementor-element-409e7ba elementor-align-left elementor-widget elementor-widget-button" data-id="409e7ba" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
539										<a class="elementor-button elementor-button-link elementor-size-sm" href="https://mdlayer.com/my-elements/content-design/">
540						<span class="elementor-button-content-wrapper">
541						<span class="elementor-button-icon">
542				<svg aria-hidden="true" class="e-font-icon-svg e-fas-long-arrow-alt-right" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z"></path></svg>			</span>
543									<span class="elementor-button-text">Explore how to improve Moodle content design for long readings</span>
544					</span>
545					</a>
546								</div>
547				</div>
548		<div class="elementor-element elementor-element-6b21ac2a e-con-full e-flex e-con e-child" data-id="6b21ac2a" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
549				<div class="elementor-element elementor-element-9bd3eaf elementor-view-stacked elementor-shape-rounded elementor-widget elementor-widget-icon" data-id="9bd3eaf" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
550							<div class="elementor-icon-wrapper">
551			<div class="elementor-icon">
552			<svg aria-hidden="true" class="e-font-icon-svg e-far-comments" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"><path d="M532 386.2c27.5-27.1 44-61.1 44-98.2 0-80-76.5-146.1-176.2-157.9C368.3 72.5 294.3 32 208 32 93.1 32 0 103.6 0 192c0 37 16.5 71 44 98.2-15.3 30.7-37.3 54.5-37.7 54.9-6.3 6.7-8.1 16.5-4.4 25 3.6 8.5 12 14 21.2 14 53.5 0 96.7-20.2 125.2-38.8 9.2 2.1 18.7 3.7 28.4 4.9C208.1 407.6 281.8 448 368 448c20.8 0 40.8-2.4 59.8-6.8C456.3 459.7 499.4 480 553 480c9.2 0 17.5-5.5 21.2-14 3.6-8.5 1.9-18.3-4.4-25-.4-.3-22.5-24.1-37.8-54.8zm-392.8-92.3L122.1 305c-14.1 9.1-28.5 16.3-43.1 21.4 2.7-4.7 5.4-9.7 8-14.8l15.5-31.1L77.7 256C64.2 242.6 48 220.7 48 192c0-60.7 73.3-112 160-112s160 51.3 160 112-73.3 112-160 112c-16.5 0-33-1.9-49-5.6l-19.8-4.5zM498.3 352l-24.7 24.4 15.5 31.1c2.6 5.1 5.3 10.1 8 14.8-14.6-5.1-29-12.3-43.1-21.4l-17.1-11.1-19.9 4.6c-16 3.7-32.5 5.6-49 5.6-54 0-102.2-20.1-131.3-49.7C338 339.5 416 272.9 416 192c0-3.4-.4-6.7-.7-10C479.7 196.5 528 238.8 528 288c0 28.7-16.2 50.6-29.7 64z"></path></svg>			</div>
553		</div>
554						</div>
555				<div class="elementor-element elementor-element-79c981a4 elementor-widget elementor-widget-heading" data-id="79c981a4" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
556					<h3 class="elementor-heading-title elementor-size-default">Sam: A living FAQ that cuts repeat emails</h3>				</div>
557				<div class="elementor-element elementor-element-1c6dc20d elementor-widget elementor-widget-text-editor" data-id="1c6dc20d" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
558									<p>Sam coordinates a large module and used a Moodle forum for common questions, but students almost never opened that activity. So the same emails kept coming every week.</p><p>On the course home page, he inserts an accordion FAQ instead: six common questions, richest answers first, first item open by default, right where students already land.</p><p>When a new question appears, he clicks the block, adds a line in the side panel, and publishes.<br />No HTML, no rebuild.</p>								</div>
559				</div>
560		<div class="elementor-element elementor-element-e18cf71 e-con-full e-flex e-con e-child" data-id="e18cf71" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
561				<div class="elementor-element elementor-element-3b69575 elementor-view-stacked elementor-shape-rounded elementor-widget elementor-widget-icon" data-id="3b69575" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
562							<div class="elementor-icon-wrapper">
563			<div class="elementor-icon">
564			<svg aria-hidden="true" class="e-font-icon-svg e-fas-pen" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M290.74 93.24l128.02 128.02-277.99 277.99-114.14 12.6C11.35 513.54-1.56 500.62.14 485.34l12.7-114.22 277.9-277.88zm207.2-19.06l-60.11-60.11c-18.75-18.75-49.16-18.75-67.91 0l-56.55 56.55 128.02 128.02 56.55-56.55c18.75-18.76 18.75-49.16 0-67.91z"></path></svg>			</div>
565		</div>
566						</div>
567				<div class="elementor-element elementor-element-d1e1c41 elementor-widget elementor-widget-heading" data-id="d1e1c41" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
568					<h3 class="elementor-heading-title elementor-size-default">Daniel: Safe edits mid-semester, no broken HTML</h3>				</div>
569				<div class="elementor-element elementor-element-6602d5e elementor-widget elementor-widget-text-editor" data-id="6602d5e" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
570									<p>Daniel already had a custom summary box on his course page, but a typo and a weak color made him hesitate to touch it.</p><p>He clicks the block, the side panel reopens on its exact settings, he fixes the text and style, and saves. Nothing else on the page breaks.</p><p>Small improvements become normal course maintenance instead of a risky rebuild.</p>								</div>
571				<div class="elementor-element elementor-element-7a40124 elementor-align-left elementor-widget elementor-widget-button" data-id="7a40124" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
572										<a class="elementor-button elementor-button-link elementor-size-sm" href="https://mdlayer.com/my-elements/no-code/">
573						<span class="elementor-button-content-wrapper">
574						<span class="elementor-button-icon">
575				<svg aria-hidden="true" class="e-font-icon-svg e-fas-long-arrow-alt-right" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z"></path></svg>			</span>
576									<span class="elementor-button-text">
576Build better course pages without code.</span>
577					</span>
578					</a>
579								</div>
580				</div>
581				</div>
582					</div>
583				</div>
584		<div class="elementor-element elementor-element-9f26fc0 e-flex e-con-boxed e-con e-parent" data-id="9f26fc0" data-element_type="container" data-e-type="container">
585					<div class="e-con-inner">
586				<div class="elementor-element elementor-element-3d5f1f3d elementor-widget elementor-widget-heading" data-id="3d5f1f3d" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
587					<h2 class="elementor-heading-title elementor-size-default">Install in minutes, start designing right away </h2>				</div>
588				<div class="elementor-element elementor-element-12893c5 elementor-widget elementor-widget-text-editor" data-id="12893c5" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
589									<p style="text-align: center;"><span style="font-weight: 400;">My Elements is designed to be useful immediately. You do not need admin rights, technical setup, coding skills, or changes to your Moodle platform to start using it.</span></p>								</div>
590				<div class="elementor-element elementor-element-62f2222 elementor-widget elementor-widget-text-editor" data-id="62f2222" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
591									<p style="text-align: center;">How to get started ?</p>								</div>
592		<div class="elementor-element elementor-element-3ebff481 e-con-full e-flex e-con e-child" data-id="3ebff481" data-element_type="container" data-e-type="container">
593		<div class="elementor-element elementor-element-64633888 e-con-full e-flex e-con e-child" data-id="64633888" data-element_type="container" data-e-type="container">
594				<div class="elementor-element elementor-element-5b83bcd5 elementor-view-stacked elementor-absolute elementor-shape-circle elementor-widget elementor-widget-icon" data-id="5b83bcd5" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_position&quot;:&quot;absolute&quot;}" data-widget_type="icon.default">
595							<div class="elementor-icon-wrapper">
596			<div class="elementor-icon">
597			<svg aria-hidden="true" class="e-font-icon-svg e-far-dot-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 56c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m0-48C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 168c-44.183 0-80 35.817-80 80s35.817 80 80 80 80-35.817 80-80-35.817-80-80-80z"></path></svg>			</div>
598		</div>
599						</div>
600				<div class="elementor-element elementor-element-2bc80df3 elementor-widget elementor-widget-heading" data-id="2bc80df3" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
601					<div class="elementor-heading-title elementor-size-default">1</div>				</div>
602				<div class="elementor-element elementor-element-7341f9a3 elementor-widget elementor-widget-text-editor" data-id="7341f9a3" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
603									<p><b>Install the extension </b>from the Chrome Web Store.</p>								</div>
604				</div>
605		<div class="elementor-element elementor-element-785deca1 e-con-full e-flex e-con e-child" data-id="785deca1" data-element_type="container" data-e-type="container">
606				<div class="elementor-element elementor-element-6d96be2f elementor-widget elementor-widget-image" data-id="6d96be2f" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
607															<img data-lazyloaded="1" src="data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs=" loading="lazy" decoding="async" width="300" height="169" data-src="https://mdlayer.com/wp-content/uploads/2026/07/myElements-extensionScreenshot-300.webp" class="attachment-medium size-medium wp-image-1068" alt="My Elements installation page on the Chrome Web Store." /><noscript><img loading="lazy" decoding="async" width="300" height="169" src="https://mdlayer.com/wp-content/uploads/2026/07/myElements-extensionScreenshot-300.webp" class="attachment-medium size-medium wp-image-1068" alt="My Elements installation page on the Chrome Web Store." /></noscript>															</div>
608				</div>
609				</div>
610		<div class="elementor-element elementor-element-575d678e e-con-full e-flex e-con e-child" data-id="575d678e" data-element_type="container" data-e-type="container">
611		<div class="elementor-element elementor-element-37814204 e-con-full e-flex e-con e-child" data-id="37814204" data-element_type="container" data-e-type="container">
612				<div class="elementor-element elementor-element-63c00ca3 elementor-widget elementor-widget-image" data-id="63c00ca3" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
613															<img data-lazyloaded="1" src="data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs=" loading="lazy" decoding="async" width="300" height="169" data-src="https://mdlayer.com/wp-content/uploads/2026/07/myElements-activityResourceScreenshot-300.webp" class="attachment-medium size-medium wp-image-1072" alt="Add activity or ressource Moodle popup." /><noscript><img loading="lazy" decoding="async" width="300" height="169" src="https://mdlayer.com/wp-content/uploads/2026/07/myElements-activityResourceScreenshot-300.webp" class="attachment-medium size-medium wp-image-1072" alt="Add activity or ressource Moodle popup." /></noscript>															</div>
614				</div>
615		<div class="elementor-element elementor-element-3d541b27 e-con-full e-flex e-con e-child" data-id="3d541b27" data-element_type="container" data-e-type="container">
616				<div class="elementor-element elementor-element-350abddf elementor-view-stacked elementor-absolute elementor-shape-circle elementor-widget elementor-widget-icon" data-id="350abddf" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_position&quot;:&quot;absolute&quot;}" data-widget_type="icon.default">
617							<div class="elementor-icon-wrapper">
618			<div class="elementor-icon">
619			<svg aria-hidden="true" class="e-font-icon-svg e-far-dot-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 56c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m0-48C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 168c-44.183 0-80 35.817-80 80s35.817 80 80 80 80-35.817 80-80-35.817-80-80-80z"></path></svg>			</div>
620		</div>
621						</div>
622				<div class="elementor-element elementor-element-131cb808 elementor-widget elementor-widget-heading" data-id="131cb808" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
623					<div class="elementor-heading-title elementor-size-default">2</div>				</div>
624				<div class="elementor-element elementor-element-1d71dfc7 elementor-widget elementor-widget-text-editor" data-id="1d71dfc7" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
625									<p><strong>Open Moodle and start editing</strong> any course page, text and media area, or activity description as you usually do.</p>								</div>
626				</div>
627				</div>
628		<div class="elementor-element elementor-element-1be7a072 e-con-full e-flex e-con e-child" data-id="1be7a072" data-element_type="container" data-e-type="container">
629		<div class="elementor-element elementor-element-3b4fcbbe e-con-full e-flex e-con e-child" data-id="3b4fcbbe" data-element_type="container" data-e-type="container">
630				<div class="elementor-element elementor-element-1c5f0348 elementor-view-stacked elementor-absolute elementor-shape-circle elementor-widget elementor-widget-icon" data-id="1c5f0348" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_position&quot;:&quot;absolute&quot;}" data-widget_type="icon.default">
631							<div class="elementor-icon-wrapper">
632			<div class="elementor-icon">
633			<svg aria-hidden="true" class="e-font-icon-svg e-far-dot-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 56c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m0-48C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 168c-44.183 0-80 35.817-80 80s35.817 80 80 80 80-35.817 80-80-35.817-80-80-80z"></path></svg>			</div>
634		</div>
635						</div>
636				<div class="elementor-element elementor-element-3fc33c1e elementor-widget elementor-widget-heading" data-id="3fc33c1e" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
637					<div class="elementor-heading-title elementor-size-default">3</div>
637				</div>
638				<div class="elementor-element elementor-element-4f51ab5b elementor-widget elementor-widget-text-editor" data-id="4f51ab5b" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
639									<p><strong>Click the My Elements button</strong> that appears in the editor, pick a content block in the side panel, set your options, and insert it into the page.</p>								</div>
640				</div>
641		<div class="elementor-element elementor-element-6ad75c31 e-con-full e-flex e-con e-child" data-id="6ad75c31" data-element_type="container" data-e-type="container">
642				<div class="elementor-element elementor-element-8302413 elementor-widget elementor-widget-image" data-id="8302413" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
643															<img data-lazyloaded="1" src="data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs=" loading="lazy" decoding="async" width="300" height="168" data-src="https://mdlayer.com/wp-content/uploads/2026/07/myElements-buttonScreenshot-300.webp" class="attachment-medium size-medium wp-image-1073" alt="The My Elements floating button in the text editor." /><noscript><img loading="lazy" decoding="async" width="300" height="168" src="https://mdlayer.com/wp-content/uploads/2026/07/myElements-buttonScreenshot-300.webp" class="attachment-medium size-medium wp-image-1073" alt="The My Elements floating button in the text editor." /></noscript>															</div>
644				</div>
645				</div>
646				<div class="elementor-element elementor-element-53d9798 elementor-widget elementor-widget-text-editor" data-id="53d9798" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
647									<p style="text-align: center;">From installation to your first structured block, the setup takes only a few minutes. That makes My Elements especially practical for teachers and trainers who want clearer, more engaging Moodle pages without a technical project and without waiting for an institutional plugin.</p><p style="text-align: center;">Students see the improved layout automatically. They do not need to install anything.</p>								</div>
648					</div>
649				</div>
650		<div class="elementor-element elementor-element-568e7c77 e-flex e-con-boxed e-con e-parent" data-id="568e7c77" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
651					<div class="e-con-inner">
652				<div class="elementor-element elementor-element-2ee44dec elementor-widget elementor-widget-heading" data-id="2ee44dec" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
653					<h2 class="elementor-heading-title elementor-size-default">Pricing and plans</h2>				</div>
654				<div class="elementor-element elementor-element-48e1b745 elementor-widget__width-initial elementor-widget elementor-widget-price-table" data-id="48e1b745" data-element_type="widget" data-e-type="widget" data-widget_type="price-table.default">
655					
656		<div class="elementor-price-table">
657							<div class="elementor-price-table__header">
658											<h3 class="elementor-price-table__heading">
659						Free						</h3>
660					
661									</div>
662			
663			<div class="elementor-price-table__price">
664								<span class="elementor-price-table__currency">&#036;</span>									<span class="elementor-price-table__integer-part">
665						0					</span>
666				
667				
668				
669							</div>
670
671							<ul class="elementor-price-table__features-list">
672											<li class="elementor-repeater-item-da1a7c5">
673							<div class="elementor-price-table__feature-inner">
674								<svg aria-hidden="true" class="e-font-icon-svg e-fas-check" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg>																	<span >
675										Full library of content blocks									</span>
676																</div>
677						</li>
678											<li class="elementor-repeater-item-7aed4cf">
679							<div class="elementor-price-table__feature-inner">
680								<svg aria-hidden="true" class="e-font-icon-svg e-fas-check" viewB
680ox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg>																	<span >
681										Unlimited use on your Moodle courses									</span>
682																</div>
683						</li>
684											<li class="elementor-repeater-item-7963bc5">
685							<div class="elementor-price-table__feature-inner">
686								<svg aria-hidden="true" class="e-font-icon-svg e-fas-check" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg>																	<span >
687										Automatic match to your institution’s look									</span>
688																</div>
689						</li>
690											<li class="elementor-repeater-item-e131b4e">
691							<div class="elementor-price-table__feature-inner">
692								<svg aria-hidden="true" class="e-font-icon-svg e-fas-check" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg>																	<span >
693										Edit anytime without losing your content									</span>
694																</div>
695						</li>
696											<li class="elementor-repeater-item-651e6a7">
697							<div class="elementor-price-table__feature-inner">
698								<svg aria-hidden="true" class="e-font-icon-svg e-fas-check" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg>																	<span >
699										Interface in six languages (English, French, Spanish, German, Portuguese, and Brazilian Portuguese)									</span>
700																</div>
701						</li>
702											<li class="elementor-repeater-item-b862a2f">
703							<div class="elementor-price-table__feature-inner">
704								<svg aria-hidden="true" class="e-font-icon-svg e-fas-check" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg>																	<span >
705										No admin rights and no server-side install									</span>
706																</div>
707						</li>
708											<li class="elementor-repeater-item-5b2dad9">
709							<div class="elementor-price-table__feature-inner">
710								<svg aria-hidden="true" class="e-font-icon-svg e-fas-check" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg>																	<span >
711										Private by design. No course content sent to external servers 									</span>
712																</div>
713						</li>
714									</ul>
715			
716							<div class="elementor-price-table__footer">
717											<a class="elementor-price-table__button elementor-button elementor-size-md" href="https://chromewebstore.google.com/detail/my-elements-for-moodle/cbdhjophpmpjpddgncndlkakbneeigpp" target="_blank" rel="noopener">
718							Get My Elements						</a>
719					
720											<div class="elementor-price-table__additional_info">
721							 No credit card required						</div>
722									</div>
723					</div>
724
725						</div>
726					</div>
727				</div>
728		<div class="elementor-element elementor-element-4b89d5fa e-flex e-con-boxed e-con e-parent" data-id="4b89d5fa" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;gradient&quot;}">
729					<div class="e-con-inner">
730				<div class="elementor-element elementor-element-33455206 elementor-widget elementor-widget-heading" data-id="33455206" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
731					<span class="elementor-heading-title elementor-size-default">No plugin, no admin, no risk</span>				</div>
732				<div class="elementor-element elementor-element-5f8d59ff elementor-widget elementor-widget-heading" data-id="5f8d59ff" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
733					<h2 class="elementor-heading-title elementor-size-default">Compatibility and Privacy</h2>				</div>
734				<div class="elementor-element elementor-element-6bc654dc elementor-widget elementor-widget-text-editor" data-id="6bc654dc" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
735									<p style="text-align: center;">My Elements works as a browser-side content design layer. It improves how you build Moodle pages without modifying your institution’s Moodle installation.</p>								</div>
736				<div class="elementor-element elementor-element-154aa20 elementor-widget elementor-widget-heading" data-id="154aa20" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
737					<h3 class="elementor-heading-title elementor-size-default">Works with current setup</h3>				</div>
738		<div class="elementor-element elementor-element-c12b894 e-con-full e-flex e-con e-child" data-id="c12b894" data-element_type="container" data-e-type="container">
739				<div class="elementor-element elementor-element-ecf4d39 elementor-widget__width-initial elementor-view-framed elementor-shape-rounded elementor-position-block-start elementor-widget elementor-widget-icon-box" data-id="ecf4d39" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
740							<div class="elementor-icon-box-wrapper">
741
742						<div class="elementor-icon-box-icon">
743				<span  class="elementor-icon">
744				<svg aria-hidden="true" class="e-font-icon-svg e-fab-chrome" viewBox="0 0 496 512" xmlns="http://www.w3.org/2000/svg"><path d="M131.5 217.5L55.1 100.1c47.6-59.2 119-91.8 192-92.1 42.3-.3 85.5 10.5 124.8 33.2 43.4 25.2 76.4 61.4 97.4 103L264 133.4c-58.1-3.4-113.4 29.3-132.5 84.1zm32.9 38.5c0 46.2 37.4 83.6 83.6 83.6s83.6-37.4 83.6-83.6-37.4-83.6-83.6-83.6-83.6 37.3-83.6 83.6zm314.9-89.2L339.6 174c37.9 44.3 38.5 108.2 6.6 157.2L234.1 503.6c46.5 2.5 94.4-7.7 137.8-32.9 107.4-62 150.9-192 107.4-303.9zM133.7 303.6L40.4 120.1C14.9 159.1 0 205.9 0 256c0 124 90.8 226.7 209.5 244.9l63.7-124.8c-57.6 10.8-113.2-20.8-139.5-72.5z"></path></svg>				</span>
745			</div>
746			
747						<div class="elementor-icon-box-content">
748
749									<h4 class="elementor-icon-box-title">
750						<span  >
751							Browsers						</span>
752					</h4>
753				
754									<p class="elementor-icon-box-description">
755						Chrome, Edge, Brave, Opera, and Vivaldi.					</p>
756				
757			</div>
758			
759		</div>
760						</div>
761				<div class="elementor-element elementor-element-f3f8fb9 elementor-widget__width-initial elementor-view-framed elementor-shape-rounded elementor-position-block-start elementor-widget elementor-widget-icon-box" data-id="f3f8fb9" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
762							<div class="elementor-icon-box-wrapper">
763
764						<div class="elementor-icon-box-icon">
765				<span  class="elementor-icon">
766				<svg aria-hidden="true" class="e-font-icon-svg e-fas-graduation-cap" viewBox="0 0 640 512" xmlns="http://www.w3.org/2000/svg"><path d="M622.34 153.2L343.4 67.5c-15.2-4.67-31.6-4.67-46.79 0L17.66 153.2c-23.54 7.23-23.54 38.36 0 45.59l48.63 14.94c-10.67 13.19-17.23 29.28-17.88 46.9C38.78 266.15 32 276.11 32 288c0 10.78 5.68 19.85 13.86 25.65L20.33 428.53C18.11 438.52 25.71 448 35.94 448h56.11c10.24 0 17.84-9.48 15.62-19.47L82.14 313.65C90.32 307.85 96 298.78 96 288c0-11.57-6.47-21.25-15.66-26.87.76-15.02 8.44-28.3 20.69-36.72L296.6 284.5c9.06 2.78 26.44 6.25 46.79 0l278.95-85.7c23.55-7.24 23.55-38.36 0-45.6zM352.79 315.09c-28.53 8.76-52.84 3.92-65.59 0l-145.
76602-44.55L128 384c0 35.35 85.96 64 192 64s192-28.65 192-64l-14.18-113.47-145.03 44.56z"></path></svg>				</span>
767			</div>
768			
769						<div class="elementor-icon-box-content">
770
771									<h4 class="elementor-icon-box-title">
772						<span  >
773							Moodle text editors						</span>
774					</h4>
775				
776									<p class="elementor-icon-box-description">
777						TinyMCE and Atto (the standard editors shipped with Moodle)					</p>
778				
779			</div>
780			
781		</div>
782						</div>
783				<div class="elementor-element elementor-element-d9769cb elementor-widget__width-initial elementor-view-framed elementor-shape-rounded elementor-position-block-start elementor-widget elementor-widget-icon-box" data-id="d9769cb" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
784							<div class="elementor-icon-box-wrapper">
785
786						<div class="elementor-icon-box-icon">
787				<span  class="elementor-icon">
788				<svg aria-hidden="true" class="e-font-icon-svg e-fas-universal-access" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 48c114.953 0 208 93.029 208 208 0 114.953-93.029 208-208 208-114.953 0-208-93.029-208-208 0-114.953 93.029-208 208-208m0-40C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 56C149.961 64 64 149.961 64 256s85.961 192 192 192 192-85.961 192-192S362.039 64 256 64zm0 44c19.882 0 36 16.118 36 36s-16.118 36-36 36-36-16.118-36-36 16.118-36 36-36zm117.741 98.023c-28.712 6.779-55.511 12.748-82.14 15.807.851 101.023 12.306 123.052 25.037 155.621 3.617 9.26-.957 19.698-10.217 23.315-9.261 3.617-19.699-.957-23.316-10.217-8.705-22.308-17.086-40.636-22.261-78.549h-9.686c-5.167 37.851-13.534 56.208-22.262 78.549-3.615 9.255-14.05 13.836-23.315 10.217-9.26-3.617-13.834-14.056-10.217-23.315 12.713-32.541 24.185-54.541 25.037-155.621-26.629-3.058-53.428-9.027-82.141-15.807-8.6-2.031-13.926-10.648-11.895-19.249s10.647-13.926 19.249-11.895c96.686 22.829 124.283 22.783 220.775 0 8.599-2.03 17.218 3.294 19.249 11.895 2.029 8.601-3.297 17.219-11.897 19.249z"></path></svg>				</span>
789			</div>
790			
791						<div class="elementor-icon-box-content">
792
793									<h4 class="elementor-icon-box-title">
794						<span  >
795							Moodle environment						</span>
796					</h4>
797				
798									<p class="elementor-icon-box-description">
799						Standard Moodle installations, no plugin required					</p>
800				
801			</div>
802			
803		</div>
804						</div>
805				<div class="elementor-element elementor-element-d48ea96 elementor-widget__width-initial elementor-view-framed elementor-shape-rounded elementor-position-block-start elementor-widget elementor-widget-icon-box" data-id="d48ea96" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
806							<div class="elementor-icon-box-wrapper">
807
808						<div class="elementor-icon-box-icon">
809				<span  class="elementor-icon">
810				<svg aria-hidden="true" class="e-font-icon-svg e-fas-users" viewBox="0 0 640 512" xmlns="http://www.w3.org/2000/svg"><path d="M96 224c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm448 0c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm32 32h-64c-17.6 0-33.5 7.1-45.1 18.6 40.3 22.1 68.9 62 75.1 109.4h66c17.7 0 32-14.3 32-32v-32c0-35.3-28.7-64-64-64zm-256 0c61.9 0 112-50.1 112-112S381.9 32 320 32 208 82.1 208 144s50.1 112 112 112zm76.8 32h-8.3c-20.8 10-43.9 16-68.5 16s-47.6-6-68.5-16h-8.3C179.6 288 128 339.6 128 403.2V432c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48v-28.8c0-63.6-51.6-115.2-115.2-115.2zm-223.7-13.4C161.5 263.1 145.6 256 128 256H64c-35.3 0-64 28.7-64 64v32c0 17.7 14.3 32 32 32h65.9c6.3-47.4 34.9-87.3 75.2-109.4z"></path></svg>				</span>
811			</div>
812			
813						<div class="elementor-icon-box-content">
814
815									<h4 class="elementor-icon-box-title">
816						<span  >
817							Who needs the extension						</span>
818					</h4>
819				
820									<p class="elementor-icon-box-description">
821						Teachers and trainers who edit content.
822Students see the result with no install					</p>
823				
824			</div>
825			
826		</div>
827						</div>
828				</div>
829				<div class="elementor-element elementor-element-ed1a38c elementor-widget elementor-widget-heading" data-id="ed1a38c" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
830					<h3 class="elementor-heading-title elementor-size-default">Private by design</h3>
830				</div>
831		<div class="elementor-element elementor-element-51577f1f e-con-full e-flex e-con e-child" data-id="51577f1f" data-element_type="container" data-e-type="container">
832				<div class="elementor-element elementor-element-1ad5e424 elementor-widget__width-initial elementor-view-framed elementor-shape-rounded elementor-position-block-start elementor-widget elementor-widget-icon-box" data-id="1ad5e424" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
833							<div class="elementor-icon-box-wrapper">
834
835						<div class="elementor-icon-box-icon">
836				<span  class="elementor-icon">
837				<svg aria-hidden="true" class="e-font-icon-svg e-fas-map-marker-alt" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"><path d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z"></path></svg>				</span>
838			</div>
839			
840						<div class="elementor-icon-box-content">
841
842									<h4 class="elementor-icon-box-title">
843						<span  >
844							Local settings						</span>
845					</h4>
846				
847									<p class="elementor-icon-box-description">
848						Your extension settings stay in your browser environment.					</p>
849				
850			</div>
851			
852		</div>
853						</div>
854				<div class="elementor-element elementor-element-4d7eba45 elementor-widget__width-initial elementor-view-framed elementor-shape-rounded elementor-position-block-start elementor-widget elementor-widget-icon-box" data-id="4d7eba45" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
855							<div class="elementor-icon-box-wrapper">
856
857						<div class="elementor-icon-box-icon">
858				<span  class="elementor-icon">
859				<svg aria-hidden="true" class="e-font-icon-svg e-fas-server" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M480 160H32c-17.673 0-32-14.327-32-32V64c0-17.673 14.327-32 32-32h448c17.673 0 32 14.327 32 32v64c0 17.673-14.327 32-32 32zm-48-88c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24zm-64 0c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24zm112 248H32c-17.673 0-32-14.327-32-32v-64c0-17.673 14.327-32 32-32h448c17.673 0 32 14.327 32 32v64c0 17.673-14.327 32-32 32zm-48-88c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24zm-64 0c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24zm112 248H32c-17.673 0-32-14.327-32-32v-64c0-17.673 14.327-32 32-32h448c17.673 0 32 14.327 32 32v64c0 17.673-14.327 32-32 32zm-48-88c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24zm-64 0c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24z"></path></svg>				</span>
860			</div>
861			
862						<div class="elementor-icon-box-content">
863
864									<h4 class="elementor-icon-box-title">
865						<span  >
866							Nothing leave your browser						</span>
867					</h4>
868				
869									<p class="elementor-icon-box-description">
870						No course content or student data is sent to MDLayer's external servers.					</p>
871				
872			</div>
873			
874		</div>
875						</div>
876				<div class="elementor-element elementor-element-e6a5266 elementor-widget__width-initial elementor-view-framed elementor-shape-rounded elementor-position-block-start elementor-widget elementor-widget-icon-box" data-id="e6a5266" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
877							<div class="elementor-icon-box-wrapper">
878
879						<div class="elementor-icon-box-icon">
880				<span  class="elementor-icon">
881				<svg aria-hidden="true" class="e-font-icon-svg e-fas-user-edit" viewBox="0 0 640 512" xmlns="http://www.w3.org/2000/svg"><path d="M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h274.9c-2.4-6.8-3.4-14-2.6-21.3l6.8-60.9 1.2-11.1 7.9-7.9 77.3-77.3c-24.5-27.7-60-45.5-99.9-45.5zm45.3 145.3l-6.8 61c-1.1 10.2 7.5 18.8 17.6 17.6l60.9-6.8 137.9-137.9-71.7-71.7-137.9 137.8zM633 268.9L595.1 231c-9.3-9.3-24.5-9.3-33.8 0l
881-37.8 37.8-4.1 4.1 71.8 71.7 41.8-41.8c9.3-9.4 9.3-24.5 0-33.9z"></path></svg>				</span>
882			</div>
883			
884						<div class="elementor-icon-box-content">
885
886									<h4 class="elementor-icon-box-title">
887						<span  >
888							Save like any edit						</span>
889					</h4>
890				
891									<p class="elementor-icon-box-description">
892						Blocks you insert are saved in Moodle like any other content you write in the editor.					</p>
893				
894			</div>
895			
896		</div>
897						</div>
898				<div class="elementor-element elementor-element-40b6196d elementor-widget__width-initial elementor-view-framed elementor-shape-rounded elementor-position-block-start elementor-widget elementor-widget-icon-box" data-id="40b6196d" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
899							<div class="elementor-icon-box-wrapper">
900
901						<div class="elementor-icon-box-icon">
902				<span  class="elementor-icon">
903				<svg aria-hidden="true" class="e-font-icon-svg e-fas-school" viewBox="0 0 640 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 224v272c0 8.84 7.16 16 16 16h80V192H32c-17.67 0-32 14.33-32 32zm360-48h-24v-40c0-4.42-3.58-8-8-8h-16c-4.42 0-8 3.58-8 8v64c0 4.42 3.58 8 8 8h48c4.42 0 8-3.58 8-8v-16c0-4.42-3.58-8-8-8zm137.75-63.96l-160-106.67a32.02 32.02 0 0 0-35.5 0l-160 106.67A32.002 32.002 0 0 0 128 138.66V512h128V368c0-8.84 7.16-16 16-16h96c8.84 0 16 7.16 16 16v144h128V138.67c0-10.7-5.35-20.7-14.25-26.63zM320 256c-44.18 0-80-35.82-80-80s35.82-80 80-80 80 35.82 80 80-35.82 80-80 80zm288-64h-64v320h80c8.84 0 16-7.16 16-16V224c0-17.67-14.33-32-32-32z"></path></svg>				</span>
904			</div>
905			
906						<div class="elementor-icon-box-content">
907
908									<h4 class="elementor-icon-box-title">
909						<span  >
910							Institution stays in control						</span>
911					</h4>
912				
913									<p class="elementor-icon-box-description">
914						Your institution’s Moodle platform, theme, and courses remain under institutional control. 					</p>
915				
916			</div>
917			
918		</div>
919						</div>
920				</div>
921				<div class="elementor-element elementor-element-00804f9 elementor-widget elementor-widget-heading" data-id="00804f9" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
922					<h3 class="elementor-heading-title elementor-size-default">Sharing this with your IT department?</h3>				</div>
923				<div class="elementor-element elementor-element-2768848 elementor-widget elementor-widget-text-editor" data-id="2768848" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
924									<p>My Elements needs no extra access to your Moodle instance and installs nothing on the server. It only works inside the editor windows teachers already use.<br />Permissions and data handling are publicly declared on the Chrome Web Store listing, and can be reviewed again anytime after installation from the browser&#8217;s extension settings.<br />Because each teacher installs it individually, there&#8217;s no rollout project or central configuration to plan. Adoption can stay opt-in, course by course.</p><p>My Elements does not replace Moodle’s editors. It adds design tools when you edit, then steps aside.</p>								</div>
925					</div>
926				</div>
927		<div class="elementor-element elementor-element-51e9df49 e-flex e-con-boxed e-con e-parent" data-id="51e9df49" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;gradient&quot;}">
928					<div class="e-con-inner">
929				<div class="elementor-element elementor-element-2cc5961 elementor-widget elementor-widget-menu-anchor" data-id="2cc5961" data-element_type="widget" data-e-type="widget" data-widget_type="menu-anchor.default">
930							<div class="elementor-menu-anchor" id="faq"></div>
931						</div>
932				<div class="elementor-element elementor-element-79780496 elementor-widget elementor-widget-heading" data-id="79780496" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
933					<h2 class="elementor-heading-title elementor-size-default">Frequently Asked Questions about designing Moodle content
934</h2>				</div>
935				<div class="elementor-element elementor-element-605111fc elementor-widget elementor-widget-n-accordion" data-id="605111fc" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;none&quot;,&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}" data-widget_type="nested-accordion.default">
936							<div class="e-n-accordion" aria-label="Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys">
937						<details id="e-n-accordion-item-1610" class="e-n-accordion-item" >
938				<summary class="e-n-accordion-item-title" data-accordion-index="1" tabindex="0" aria-expanded="false" aria-controls="e-n-accordion-item-1610" >
939					<span class='e-n-accordion-item-title-header'><div class="e-n-accordion-item-title-text"> Do I need administrator rights to use My Elements? </div></span>
940							<span class='e-n-accordion-item-title-icon'>
941			<span class='e-opened' ><svg aria-hidden="true" class="e-font-icon-svg e-fas-angle-up" viewB
941ox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path d="M177 159.7l136 136c9.4 9.4 9.4 24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 255.9l-96.4 96.4c-9.4 9.4-24.6 9.4-33.9 0L7 329.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1z"></path></svg></span>
942			<span class='e-closed'><svg aria-hidden="true" class="e-font-icon-svg e-fas-angle-down" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg></span>
943		</span>
944
945						</summary>
946				<div role="region" aria-labelledby="e-n-accordion-item-1610" class="elementor-element elementor-element-7935083f e-con-full e-flex e-con e-child" data-id="7935083f" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
947				<div class="elementor-element elementor-element-5104204f elementor-widget elementor-widget-text-editor" data-id="5104204f" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
948									<p>No. My Elements is a browser extension, so teachers and trainers can install and use it without asking their institution to change anything. It works independently of the Moodle installation and does not require admin access or a server-side plugin.</p>								</div>
949				</div>
950					</details>
951						<details id="e-n-accordion-item-1611" class="e-n-accordion-item" >
952				<summary class="e-n-accordion-item-title" data-accordion-index="2" tabindex="-1" aria-expanded="false" aria-controls="e-n-accordion-item-1611" >
953					<span class='e-n-accordion-item-title-header'><div class="e-n-accordion-item-title-text"> Do I need to know how to code? </div></span>
954							<span class='e-n-accordion-item-title-icon'>
955			<span class='e-opened' ><svg aria-hidden="true" class="e-font-icon-svg e-fas-angle-up" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path d="M177 159.7l136 136c9.4 9.4 9.4 24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 255.9l-96.4 96.4c-9.4 9.4-24.6 9.4-33.9 0L7 329.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1z"></path></svg></span>
956			<span class='e-closed'><svg aria-hidden="true" class="e-font-icon-svg e-fas-angle-down" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg></span>
957		</span>
958
959						</summary>
960				<div role="region" aria-labelledby="e-n-accordion-item-1611" class="elementor-element elementor-element-30380fa2 e-flex e-con-boxed e-con e-child" data-id="30380fa2" data-element_type="container" data-e-type="container">
961					<div class="e-con-inner">
962				<div class="elementor-element elementor-element-6b1a0171 elementor-widget elementor-widget-text-editor" data-id="6b1a0171" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
963									<p>No. You choose a content block in the side panel, set the text and options, and insert it into the page. My Elements is built for teachers who want clearer course pages without writing HTML or CSS.</p>								</div>
964					</div>
965				</div>
966					</details>
967						<details id="e-n-accordion-item-1612" class="e-n-accordion-item" >
968				<summary class="e-n-accordion-item-title" data-accordion-index="3" tabindex="-1" aria-expanded="false" aria-controls="e-n-accordion-item-1612" >
969					<span class='e-n-accordion-item-title-header'><div class="e-n-accordion-item-title-text"> Do students need to install anything? </div></span>
970							<span class='e-n-accordion-item-title-icon'>
971			<span class='e-opened' ><svg aria-hidden="true" class="e-font-icon-svg e-fas-angle-up" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path d="M177 159.7l136 136c9.4 9.4 9.4 24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 255.9l-96.4 96.4c-9.4 9.4-24.6 9.4-33.9 0L7 329.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1z"></path></svg></span>
972			<span class='e-closed'><svg aria-hidden="true" class="e-font-icon-svg e-fas-angle-down" viewB
972ox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg></span>
973		</span>
974
975						</summary>
976				<div role="region" aria-labelledby="e-n-accordion-item-1612" class="elementor-element elementor-element-16ee945b e-flex e-con-boxed e-con e-child" data-id="16ee945b" data-element_type="container" data-e-type="container">
977					<div class="e-con-inner">
978				<div class="elementor-element elementor-element-506b857d elementor-widget elementor-widget-text-editor" data-id="506b857d" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
979									<p>No. Only teachers and trainers who edit content install the extension. Students see the improved layout automatically in the course, with no install and no extra account.</p>								</div>
980					</div>
981				</div>
982					</details>
983						<details id="e-n-accordion-item-1613" class="e-n-accordion-item" >
984				<summary class="e-n-accordion-item-title" data-accordion-index="4" tabindex="-1" aria-expanded="false" aria-controls="e-n-accordion-item-1613" >
985					<span class='e-n-accordion-item-title-header'><div class="e-n-accordion-item-title-text"> Does it work in both of Moodle’s standard text editors? </div></span>
986							<span class='e-n-accordion-item-title-icon'>
987			<span class='e-opened' ><svg aria-hidden="true" class="e-font-icon-svg e-fas-angle-up" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path d="M177 159.7l136 136c9.4 9.4 9.4 24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 255.9l-96.4 96.4c-9.4 9.4-24.6 9.4-33.9 0L7 329.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1z"></path></svg></span>
988			<span class='e-closed'><svg aria-hidden="true" class="e-font-icon-svg e-fas-angle-down" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg></span>
989		</span>
990
991						</summary>
992				<div role="region" aria-labelledby="e-n-accordion-item-1613" class="elementor-element elementor-element-2f8b90d4 e-flex e-con-boxed e-con e-child" data-id="2f8b90d4" data-element_type="container" data-e-type="container">
993					<div class="e-con-inner">
994				<div class="elementor-element elementor-element-1840e464 elementor-widget elementor-widget-text-editor" data-id="1840e464" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
995									<p>Yes. My Elements works the same way in TinyMCE and Atto.</p>								</div>
996					</div>
997				</div>
998					</details>
999						<details id="e-n-accordion-item-1614" class="e-n-accordion-item" >
1000				<summary class="e-n-accordion-item-title" data-accordion-index="5" tabindex="-1" aria-expanded="false" aria-controls="e-n-accordion-item-1614" >
1001					<span class='e-n-accordion-item-title-header'><div class="e-n-accordion-item-title-text"> Does My Elements work with any Moodle course format? </div></span>
1002							<span class='e-n-accordion-item-title-icon'>
1003			<span class='e-opened' ><svg aria-hidden="true" class="e-font-icon-svg e-fas-angle-up" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path d="M177 159.7l136 136c9.4 9.4 9.4 24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 255.9l-96.4 96.4c-9.4 9.4-24.6 9.4-33.9 0L7 329.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1z"></path></svg></span>
1004			<span class='e-closed'><svg aria-hidden="true" class="e-font-icon-svg e-fas-angle-down" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg></span>
1005		</span>
1006
1007						</summary>
1008				<div role="region" aria-labelledby="e-n-accordion-item-1614" class="elementor-element elementor-element-150cff3 e-flex e-con-boxed e-con e-child" data-id="150cff3" data-element_type="container" data-e-type="container">
1009					<div class="e-con-inner">
1010				<div class="elementor-element elementor-element-0bcf47f elementor-widget elementor-widget-text-editor" data-id="0bcf47f" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
1011									<p><span style="font-weight: 400;">Yes. My Elements works inside the text editors themselves, so it doesn&#8217;t depend on how your course is laid out. Whether your course uses the standard topics format, one section per page, or a grid layout, content blocks work the same way in any editable zone. </span></p>								</div>
1012					</div>
1013				</div>
1014					</details>
1015						<details id="e-n-accordion-item-1615" class="e-n-accordion-item" >
1016				<summary class="e-n-accordion-item-title" data-accordion-index="6" tabindex="-1" aria-expanded="false" aria-controls="e-n-accordion-item-1615" >
1017					<span class='e-n-accordion-item-title-header'><div class="e-n-accordion-item-title-text"> How can I make my Moodle course page look nicer? </div></span>
1018							<span class='e-n-accordion-item-title-icon'>
1019			<span class='e-opened' ><svg aria-hidden="true" class="e-font-icon-svg e-fas-angle-up" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path d="M177 159.7l136 136c9.4 9.4 9.4 24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 255.9l-96.4 96.4c-9.4 9.4-24.6 9.4-33.9 0L7 329.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1z"></path></svg></span>
1020			<span class='e-closed'><svg aria-hidden="true" class="e-font-icon-svg e-fas-angle-down" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg></span>
1021		</span>
1022
1023						</summary>
1024				<div role="region" aria-labelledby="e-n-accordion-item-1615" class="elementor-element elementor-element-88d0ad6 e-flex e-con-boxed e-con e-child" data-id="88d0ad6" data-element_type="container" data-e-type="container">
1025					<div class="e-con-inner">
1026				<div class="elementor-element elementor-element-af417b1 elementor-widget elementor-widget-text-editor" data-id="af417b1" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
1027									<p>Content blocks are the fastest way: dividers, callouts, and custom boxes add color, spacing, and visual variety without touching code. Most teachers notice a real difference after adding just two or three blocks. The page looks better because it&#8217;s finally structured, not just decorated.</p>								</div>
1028					</div>
1029				</div>
1030					</details>
1031						<details id="e-n-accordion-item-1616" class="e-n-accordion-item" >
1032				<summary class="e-n-accordion-item-title" data-accordion-index="7" tabindex="-1" aria-expanded="false" aria-controls="e-n-accordion-item-1616" >
1033					<span class='e-n-accordion-item-title-header'><div class="e-n-accordion-item-title-text"> Is My Elements the same as H5P? </div></span>
1034							<span class='e-n-accordion-item-title-icon'>
1035			<span class='e-opened' ><svg aria-hidden="true" class="e-font-icon-svg e-fas-angle-up" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path d="M177 159.7l136 136c9.4 9.4 9.4 24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 255.9l-96.4 96.4c-9.4 9.4-24.6 9.4-33.9 0L7 329.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1z"></path></svg></span>
1036			<span class='e-closed'><svg aria-hidden="true" class="e-font-icon-svg e-fas-angle-down" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg></span>
1037		</span>
1038
1039						</summary>
1040				<div role="region" aria-labelledby="e-n-accordion-item-1616" class="elementor-element elementor-element-3a26237 e-flex e-con-boxed e-con e-child" data-id="3a26237" data-element_type="container" data-e-type="container">
1041					<div class="e-con-inner">
1042				<div class="elementor-element elementor-element-f0abfec elementor-widget elementor-widget-text-editor" data-id="f0abfec" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
1043									<p>Not quite, even where they overlap, like accordions, they work differently. H5P content lives as its own resource, created and embedded separately from the page. My Elements works directly inside the text you already write in Moodle&#8217;s editors, no separate resource to create, no admin setup required. Many teachers use both: H5P for interactive activities, My Elements for everything else on the page around them.</p>								</div>
1044					</div>
1045				</div>
1046					</details>
1047						<details id="e-n-accordion-item-1617" class="e-n-accordion-item" >
1048				<summary class="e-n-accordion-item-title" data-accordion-index="8" tabindex="-1" aria-expanded="false" aria-controls="e-n-accordion-item-1617" >
1049					<span class='e-n-accordion-item-title-header'><div class="e-n-accordion-item-title-text"> Could using My Elements break anything on my course page? </div></span>
1050							<span class='e-n-accordion-item-title-icon'>
1051			<span class='e-opened' ><svg aria-hidden="true" class="e-font-icon-svg e-fas-angle-up" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path d="M177 159.7l136 136c9.4 9.4 9.4 24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 255.9l-96.4 96.4c-9.4 9.4-24.6 9.4-33.9 0L7 329.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1z"></path></svg></span>
1052			<span class='e-closed'><svg aria-hidden="true" class="e-font-icon-svg e-fas-angle-down" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg></span>
1053		</span>
1054
1055						</summary>
1056				<div role="region" aria-labelledby="e-n-accordion-item-1617" class="elementor-element elementor-element-14d890f1 e-flex e-con-boxed e-con e-child" data-id="14d890f1" data-element_type="container" data-e-type="container">
1057					<div class="e-con-inner">
1058				<div class="elementor-element elementor-element-62a059ab elementor-widget elementor-widget-text-editor" data-id="62a059ab" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
1059									<p>No. My Elements only adds content inside the editors you already use. It doesn&#8217;t touch anything outside your own course pages, and has no effect on other courses, colleagues, or Moodle settings elsewhere on the site.</p>								</div>
1060					</div>
1061				</div>
1062					</details>
1063						<details id="e-n-accordion-item-1618" class="e-n-accordion-item" >
1064				<summary class="e-n-accordion-item-title" data-accordion-index="9" tabindex="-1" aria-expanded="false" aria-controls="e-n-accordion-item-1618" >
1065					<span class='e-n-accordion-item-title-header'><div class="e-n-accordion-item-title-text"> Will this match my institution’s visual identity? </div></span>
1066							<span class='e-n-accordion-item-title-icon'>
1067			<span class='e-opened' ><svg aria-hidden="true" class="e-font-icon-svg e-fas-angle-up" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path d="M177 159.7l136 136c9.4 9.4 9.4 24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 255.9l-96.4 96.4c-9.4 9.4-24.6 9.4-33.9 0L7 329.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1z"></path></svg></span>
1068			<span class='e-closed'><svg aria-hidden="true" class="e-font-icon-svg e-fas-angle-down" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg></span>
1069		</span>
1070
1071						</summary>
1072				<div role="region" aria-labelledby="e-n-accordion-item-1618" class="elementor-element elementor-element-6fda20c8 e-flex e-con-boxed e-con e-child" data-id="6fda20c8" data-element_type="container" data-e-type="container">
1073					<div class="e-con-inner">
1074				<div class="elementor-element elementor-element-3cb27d2e elementor-widget elementor-widget-text-editor" data-id="3cb27d2e" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
1075									<p>Yes. My Elements reads your site’s look and applies it to every block you insert, so colors, spacing, and overall style stay consistent with your campus Moodle. You do not paste third-party snippets that clash with the rest of the platform.</p>								</div>
1076					</div>
1077				</div>
1078					</details>
1079						<details id="e-n-accordion-item-1619" class="e-n-accordion-item" >
1080				<summary class="e-n-accordion-item-title" data-accordion-index="10" tabindex="-1" aria-expanded="false" aria-controls="e-n-accordion-item-1619" >
1081					<span class='e-n-accordion-item-title-header'><div class="e-n-accordion-item-title-text"> Will my content still look right if my institution changes its Moodle theme? </
1081div></span>
1082							<span class='e-n-accordion-item-title-icon'>
1083			<span class='e-opened' ><svg aria-hidden="true" class="e-font-icon-svg e-fas-angle-up" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path d="M177 159.7l136 136c9.4 9.4 9.4 24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 255.9l-96.4 96.4c-9.4 9.4-24.6 9.4-33.9 0L7 329.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1z"></path></svg></span>
1084			<span class='e-closed'><svg aria-hidden="true" class="e-font-icon-svg e-fas-angle-down" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg></span>
1085		</span>
1086
1087						</summary>
1088				<div role="region" aria-labelledby="e-n-accordion-item-1619" class="elementor-element elementor-element-27c55452 e-flex e-con-boxed e-con e-child" data-id="27c55452" data-element_type="container" data-e-type="container">
1089					<div class="e-con-inner">
1090				<div class="elementor-element elementor-element-2588a47c elementor-widget elementor-widget-text-editor" data-id="2588a47c" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
1091									<p>Blocks are built to follow your site’s current visual identity when you create or update them. If the institution refreshes its theme, open a block, adjust style options in the side panel if needed, and save the page. Your course content stays editable; nothing is locked into a one-off paste.</p>								</div>
1092					</div>
1093				</div>
1094					</details>
1095						<details id="e-n-accordion-item-16110" class="e-n-accordion-item" >
1096				<summary class="e-n-accordion-item-title" data-accordion-index="11" tabindex="-1" aria-expanded="false" aria-controls="e-n-accordion-item-16110" >
1097					<span class='e-n-accordion-item-title-header'><div class="e-n-accordion-item-title-text"> Can I edit a block later without breaking the page? </div></span>
1098							<span class='e-n-accordion-item-title-icon'>
1099			<span class='e-opened' ><svg aria-hidden="true" class="e-font-icon-svg e-fas-angle-up" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path d="M177 159.7l136 136c9.4 9.4 9.4 24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 255.9l-96.4 96.4c-9.4 9.4-24.6 9.4-33.9 0L7 329.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1z"></path></svg></span>
1100			<span class='e-closed'><svg aria-hidden="true" class="e-font-icon-svg e-fas-angle-down" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg></span>
1101		</span>
1102
1103						</summary>
1104				<div role="region" aria-labelledby="e-n-accordion-item-16110" class="elementor-element elementor-element-20bf4371 e-flex e-con-boxed e-con e-child" data-id="20bf4371" data-element_type="container" data-e-type="container">
1105					<div class="e-con-inner">
1106				<div class="elementor-element elementor-element-506cc345 elementor-widget elementor-widget-text-editor" data-id="506cc345" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
1107									<p>Yes. Click a block you already inserted and the side panel reopens on that block’s exact settings. Change text, reorder items, update a link, or adjust style, then save. Small improvements stay part of normal course maintenance instead of a risky rebuild.</p>								</div>
1108					</div>
1109				</div>
1110					</details>
1111						<details id="e-n-accordion-item-16111" class="e-n-accordion-item" >
1112				<summary class="e-n-accordion-item-title" data-accordion-index="12" tabindex="-1" aria-expanded="false" aria-controls="e-n-accordion-item-16111" >
1113					<span class='e-n-accordion-item-title-header'><div class="e-n-accordion-item-title-text"> Can I export my settings? </div></span>
1114							<span class='e-n-accordion-item-title-icon'>
1115			<span class='e-opened' ><svg aria-hidden="true" class="e-font-icon-svg e-fas-angle-up" viewB
1115ox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path d="M177 159.7l136 136c9.4 9.4 9.4 24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 255.9l-96.4 96.4c-9.4 9.4-24.6 9.4-33.9 0L7 329.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1z"></path></svg></span>
1116			<span class='e-closed'><svg aria-hidden="true" class="e-font-icon-svg e-fas-angle-down" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg></span>
1117		</span>
1118
1119						</summary>
1120				<div role="region" aria-labelledby="e-n-accordion-item-16111" class="elementor-element elementor-element-d993ed2 e-flex e-con-boxed e-con e-child" data-id="d993ed2" data-element_type="container" data-e-type="container">
1121					<div class="e-con-inner">
1122				<div class="elementor-element elementor-element-d1233e7 elementor-widget elementor-widget-text-editor" data-id="d1233e7" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
1123									<p>Yes. From the extension options you can export your preferences as a JSON file and import them on another computer. Course blocks themselves remain stored in Moodle with your course content; the export covers your extension settings, not student or institutional data.</p>								</div>
1124					</div>
1125				</div>
1126					</details>
1127						<details id="e-n-accordion-item-16112" class="e-n-accordion-item" >
1128				<summary class="e-n-accordion-item-title" data-accordion-index="13" tabindex="-1" aria-expanded="false" aria-controls="e-n-accordion-item-16112" >
1129					<span class='e-n-accordion-item-title-header'><div class="e-n-accordion-item-title-text"> What happens if I uninstall My Elements? </div></span>
1130							<span class='e-n-accordion-item-title-icon'>
1131			<span class='e-opened' ><svg aria-hidden="true" class="e-font-icon-svg e-fas-angle-up" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path d="M177 159.7l136 136c9.4 9.4 9.4 24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 255.9l-96.4 96.4c-9.4 9.4-24.6 9.4-33.9 0L7 329.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1z"></path></svg></span>
1132			<span class='e-closed'><svg aria-hidden="true" class="e-font-icon-svg e-fas-angle-down" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg></span>
1133		</span>
1134
1135						</summary>
1136				<div role="region" aria-labelledby="e-n-accordion-item-16112" class="elementor-element elementor-element-6c392e20 e-flex e-con-boxed e-con e-child" data-id="6c392e20" data-element_type="container" data-e-type="container">
1137					<div class="e-con-inner">
1138				<div class="elementor-element elementor-element-6d5a8a75 elementor-widget elementor-widget-text-editor" data-id="6d5a8a75" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
1139									<p>Right-click the extension icon and choose &#8220;Remove from Chrome.&#8221; Only the local extension and its settings are removed. Content you&#8217;ve already inserted stays in Moodle like any other saved edit.</p>								</div>
1140					</div>
1141				</div>
1142					</details>
1143						<details id="e-n-accordion-item-16113" class="e-n-accordion-item" >
1144				<summary class="e-n-accordion-item-title" data-accordion-index="14" tabindex="-1" aria-expanded="false" aria-controls="e-n-accordion-item-16113" >
1145					<span class='e-n-accordion-item-title-header'><div class="e-n-accordion-item-title-text"> Is My Elements compatible with mobile devices? </div></span>
1146							<span class='e-n-accordion-item-title-icon'>
1147			<span class='e-opened' ><svg aria-hidden="true" class="e-font-icon-svg e-fas-angle-up" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path d="M177 159.7l136 136c9.4 9.4 9.4 24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 255.9l-96.4 96.4c-9.4 9.4-24.6 9.4-33.9 0L7 329.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1z"></path></svg></span>
1148			<span class='e-closed'><svg aria-hidden="true" class="e-font-icon-svg e-fas-angle-down" viewB
1148ox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg></span>
1149		</span>
1150
1151						</summary>
1152				<div role="region" aria-labelledby="e-n-accordion-item-16113" class="elementor-element elementor-element-73a7fd3 e-flex e-con-boxed e-con e-child" data-id="73a7fd3" data-element_type="container" data-e-type="container">
1153					<div class="e-con-inner">
1154				<div class="elementor-element elementor-element-a3b9c7b elementor-widget elementor-widget-text-editor" data-id="a3b9c7b" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
1155									<p>No. My Elements is designed for desktop browsers, not mobile use. Mobile browser extensions have limited functionality, so the extension is intended for Chrome-based desktop or laptop browsers only. Students can still view the designed pages on mobile through Moodle as usual.</p>								</div>
1156					</div>
1157				</div>
1158					</details>
1159					</div>
1160					
1160<script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Do I need administrator rights to use My Elements?","acceptedAnswer":{"@type":"Answer","text":"No. My Elements is a browser extension, so teachers and trainers can install and use it without asking their institution to change anything. It works independently of the Moodle installation and does not require admin access or a server-side plugin."}},{"@type":"Question","name":"Do I need to know how to code?","acceptedAnswer":{"@type":"Answer","text":"No. You choose a content block in the side panel, set the text and options, and insert it into the page. My Elements is built for teachers who want clearer course pages without writing HTML or CSS."}},{"@type":"Question","name":"Do students need to install anything?","acceptedAnswer":{"@type":"Answer","text":"No. Only teachers and trainers who edit content install the extension. Students see the improved layout automatically in the course, with no install and no extra account."}},{"@type":"Question","name":"Does it work in both of Moodle\u2019s standard text editors?","acceptedA
1160nswer":{"@type":"Answer","text":"Yes. My Elements works the same way in TinyMCE and Atto."}},{"@type":"Question","name":"Does My Elements work with any Moodle course format?","acceptedAnswer":{"@type":"Answer","text":"Yes. My Elements works inside the text editors themselves, so it doesn&#8217;t depend on how your course is laid out. Whether your course uses the standard topics format, one section per page, or a grid layout, content blocks work the same way in any editable zone."}},{"@type":"Question","name":"How can I make my Moodle course page look nicer?","acceptedAnswer":{"@type":"Answer","text":"Content blocks are the fastest way: dividers, callouts, and custom boxes add color, spacing, and visual variety without touching code. Most teachers notice a real difference after adding just two or three blocks. The page looks better because it&#8217;s finally structured, not just decorated."}},{"@type":"Question","name":"Is My Elements the same as H5P?","acceptedAnswer":{"@type":"Answer","text":"Not quite, even where they overlap, like accordions, they work differently. H5P content lives as its own resource, created and embedded separately from the page. My Elements works directly inside the text you already write in Moodle&#8217;s editors, no separate resource to create, no admin setup required. Many teachers use both: H5P for interactive activities, My Elements for everything else on the page around them."}},{"@type":"Question","name":"Could using My Elements break anything on my course page?","acceptedA
1160nswer":{"@type":"Answer","text":"No. My Elements only adds content inside the editors you already use. It doesn&#8217;t touch anything outside your own course pages, and has no effect on other courses, colleagues, or Moodle settings elsewhere on the site."}},{"@type":"Question","name":"Will this match my institution\u2019s visual identity?","acceptedAnswer":{"@type":"Answer","text":"Yes. My Elements reads your site\u2019s look and applies it to every block you insert, so colors, spacing, and overall style stay consistent with your campus Moodle. You do not paste third-party snippets that clash with the rest of the platform."}},{"@type":"Question","name":"Will my content still look right if my institution changes its Moodle theme?","acceptedAnswer":{"@type":"Answer","text":"Blocks are built to follow your site\u2019s current visual identity when you create or update them. If the institution refreshes its theme, open a block, adjust style options in the side panel if needed, and save the page. Your course content stays editable; nothing is locked into a one-off paste."}},{"@type":"Question","name":"Can I edit a block later without breaking the page?","acceptedA
1160nswer":{"@type":"Answer","text":"Yes. Click a block you already inserted and the side panel reopens on that block\u2019s exact settings. Change text, reorder items, update a link, or adjust style, then save. Small improvements stay part of normal course maintenance instead of a risky rebuild."}},{"@type":"Question","name":"Can I export my settings?","acceptedAnswer":{"@type":"Answer","text":"Yes. From the extension options you can export your preferences as a JSON file and import them on another computer. Course blocks themselves remain stored in Moodle with your course content; the export covers your extension settings, not student or institutional data."}},{"@type":"Question","name":"What happens if I uninstall My Elements?","acceptedAnswer":{"@type":"Answer","text":"Right-click the extension icon and choose &#8220;Remove from Chrome.&#8221; Only the local extension and its settings are removed. Content you&#8217;ve already inserted stays in Moodle like any other saved edit."}},{"@type":"Question","name":"Is My Elements compatible with mobile devices?","acceptedA
1160nswer":{"@type":"Answer","text":"No. My Elements is designed for desktop browsers, not mobile use. Mobile browser extensions have limited functionality, so the extension is intended for Chrome-based desktop or laptop browsers only. Students can still view the designed pages on mobile through Moodle as usual."}}]}</script>
1160
1161							</div>
1162					</div>
1163				</div>
1164		<div class="elementor-element elementor-element-23f92942 e-flex e-con-boxed e-con e-parent" data-id="23f92942" data-element_type="container" data-e-type="container">
1165					<div class="e-con-inner">
1166				<div class="elementor-element elementor-element-5a749808 elementor-cta--layout-image-above elementor-bg-transform elementor-bg-transform-zoom-out elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="5a749808" data-element_type="widget" data-e-type="widget" data-widget_type="call-to-action.default">
1167							<div class="elementor-cta">
1168					<div class="elementor-cta__bg-wrapper">
1169				<div class="elementor-cta__bg elementor-bg" style="background-image: url(https://mdlayer.com/wp-content/uploads/2026/07/chromeStore-screenShot1.png);" role="img" aria-label="Show a Moodle standard page transformed with the My Elements sidebar"></div>
1170				<div class="elementor-cta__bg-overlay"></div>
1171			</div>
1172							<div class="elementor-cta__content">
1173				
1174									<div class="elementor-cta__title elementor-cta__content-item elementor-content-item">
1175						Ready to design clearer Moodle pages?					</div>
1176				
1177									<div class="elementor-cta__description elementor-cta__content-item elementor-content-item">
1178						Install My Elements and start turning plain course text into structured, campus-ready pages, without a plugin, without admin rights, and without code.					</div>
1179				
1180									<div class="elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item ">
1181					<a class="elementor-cta__button elementor-button elementor-size-" href="https://chromewebstore.google.com/detail/my-elements-for-moodle/cbdhjophpmpjpddgncndlkakbneeigpp" target="_blank" rel="noopener">
1182						Install My Elements - Free					</a>
1183					</div>
1184							</div>
1185						</div>
1186						</div>
1187					</div>
1188				</div>
1189		<div class="elementor-element elementor-element-2b23751 e-flex e-con-boxed e-con e-parent" data-id="2b23751" data-element_type="container" data-e-type="container">
1190					<div class="e-con-inner">
1191					</div>
1192				</div>
1193				</div>
1194		
1195		
1196			</div>
1197
1198	
1199</main>
1200
1201			<footer data-elementor-type="footer" data-elementor-id="171" class="elementor elementor-171 elementor-location-footer" data-elementor-post-type="elementor_library">
1202			<div class="elementor-element elementor-element-3d97d2af e-flex e-con-boxed e-con e-parent" data-id="3d97d2af" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
1203					<div class="e-con-inner">
1204		<div class="elementor-element elementor-element-19e7d734 e-con-full e-flex e-con e-child" data-id="19e7d734" data-element_type="container" data-e-type="container">
1205				<div class="elementor-element elementor-element-61961b5 elementor-widget elementor-widget-image" data-id="61961b5" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
1206															<img data-lazyloaded="1" src="data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs=" width="800" height="164" data-src="https://mdlayer.com/wp-content/uploads/2026/01/Logo-MDLayerBlancTransparent-1024x210.webp" class="attachment-large size-large wp-image-943" alt="Logo MDLayer blanc sur fond transparent" data-srcset="https://mdlayer.com/wp-content/uploads/2026/01/Logo-MDLayerBlancTransparent-1024x210.webp 1024w, https://mdlayer.com/wp-content/uploads/2026/01/Logo-MDLayerBlancTransparent-300x61.webp 300w, https://mdlayer.com/wp-content/uploads/2026/01/Logo-MDLayerBlancTransparent-768x157.webp 768w, https://mdlayer.com/wp-content/uploads/2026/01/Logo-MDLayerBlancTransparent-1536x315.webp 1536w, https://mdlayer.com/wp-content/uploads/2026/01/Logo-MDLayerBlancTransparent.webp 1807w" data-sizes="(max-width: 800px) 100vw, 800px" /><noscript><img width="800" height="164" src="https://mdlayer.com/wp-content/uploads/2026/01/Logo-MDLayerBlancTransparent-1024x210.webp" class="attachment-large size-large wp-image-943" alt="Logo MDLayer blanc sur fond transparent" srcset="https://mdlayer.com/wp-content/uploads/2026/01/Logo-MDLayerBlancTransparent-1024x210.webp 1024w, https://mdlayer.com/wp-content/uploads/2026/01/Logo-MDLayerBlancTransparent-300x61.webp 300w, https://mdlayer.com/wp-content/uploads/2026/01/Logo-MDLayerBlancTransparent-768x157.webp 768w, https://mdlayer.com/wp-content/uploads/2026/01/Logo-MDLayerBlancTransparent-1536x315.webp 1536w, https://mdlayer.com/wp-content/uploads/2026/01/Logo-MDLayerBlancTransparent.webp 1807w" sizes="(max-width: 800px) 100v
1206w, 800px" /></noscript>															</div>
1207				<div class="elementor-element elementor-element-8305e04 elementor-widget elementor-widget-text-editor" data-id="8305e04" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
1208									<p>Powerful tools designed specifically for Moodle users.</p>								</div>
1209				</div>
1210		<div class="elementor-element elementor-element-43a09608 e-con-full e-flex e-con e-child" data-id="43a09608" data-element_type="container" data-e-type="container">
1211				<div class="elementor-element elementor-element-30e9401d elementor-nav-menu--dropdown-none elementor-nav-menu__align-end elementor-widget elementor-widget-nav-menu" data-id="30e9401d" data-element_type="widget" data-e-type="widget" data-settings="{&quot;layout&quot;:&quot;vertical&quot;,&quot;submenu_icon&quot;:{&quot;value&quot;:&quot;&lt;svg aria-hidden=\&quot;true\&quot; class=\&quot;e-font-icon-svg e-fas-caret-down\&quot; viewBox=\&quot;0 0 320 512\&quot; xmlns=\&quot;http:\/\/www.w3.org\/2000\/svg\&quot;&gt;&lt;path d=\&quot;M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;&quot;,&quot;library&quot;:&quot;fa-solid&quot;}}" data-widget_type="nav-menu.default">
1212								<nav aria-label="Menu" class="elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-vertical e--pointer-none">
1213				<ul id="menu-1-30e9401d" class="elementor-nav-menu sm-vertical"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-168"><a rel="nofollow" href="https://mdlayer.com/terms-and-conditions-of-use/" title="Read Terms and conditions of use" class="elementor-item">Terms and conditions of use</a></li>
1214<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-170"><a rel="nofollow privacy-policy" href="https://mdlayer.com/privacy-policy/" title="Read Privacy Policy" class="elementor-item">Privacy Policy</a></li>
1215<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-167"><a rel="nofollow" href="https://mdlayer.com/cookie-policy/" title="Read Cookie policy" class="elementor-item">Cookie policy</a></li>
1216</ul>			</nav>
1217						<nav class="elementor-nav-menu--dropdown elementor-nav-menu__container" aria-hidden="true">
1218				<ul id="menu-2-30e9401d" class="elementor-nav-menu sm-vertical"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-168"><a rel="nofollow" href="https://mdlayer.com/terms-and-conditions-of-use/" title="Read Terms and conditions of use" class="elementor-item" tabindex="-1">Terms and conditions of use</a></li>
1219<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-170"><a rel="nofollow privacy-policy" href="https://mdlayer.com/privacy-policy/" title="Read Privacy Policy" class="elementor-item" tabindex="-1">Privacy Policy</a></li>
1220<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-167"><a rel="nofollow" href="https://mdlayer.com/cookie-policy/" title="Read Cookie policy" class="elementor-item" tabindex="-1">Cookie policy</a></li>
1221</ul>			</nav>
1222						</div>
1223				</div>
1224					</div>
1225				</div>
1226		<div class="elementor-element elementor-element-20d83354 e-flex e-con-boxed e-con e-parent" data-id="20d83354" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
1227					<div class="e-con-inner">
1228				<div class="elementor-element elementor-element-3f19fe2d elementor-widget elementor-widget-heading" data-id="3f19fe2d" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
1229					<p class="elementor-heading-title elementor-size-default">© 2026 MDLayer, All rights reserved.</p>				</div>
1230					</div>
1231				</div>
1232				</footer>
1233		
1234<script type="speculationrules">
1235{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/hello-elementor-child/*","/wp-content/themes/hello-elementor/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
1236</script>
1236
1237			
1237<script>(()=>{const lazyloadRunObserver=()=>{const lazyloadBackgrounds=document.querySelectorAll(`.e-con.e-parent:not(.e-lazyloaded)`);const lazyloadBackgroundObserver=new IntersectionObserver((entries)=>{entries.forEach((entry)=>{if(entry.isIntersecting){let lazyloadBackground=entry.target;if(lazyloadBackground){lazyloadBackground.classList.add('e-lazyloaded')}
1238lazyloadBackgroundObserver.unobserve(entry.target)}})},{rootMargin:'200px 0px 200px 0px'});lazyloadBackgrounds.forEach((lazyloadBackground)=>{lazyloadBackgroundObserver.observe(lazyloadBackground)})};const events=['DOMContentLoaded','elementor/lazyload/observe',];events.forEach((event)=>{document.addEventListener(event,lazyloadRunObserver)})})()</script>
1238
1239			
1239<script data-optimized="1" id="imagesloaded-js" src="https://mdlayer.com/wp-content/litespeed/js/dd4de265e3b92e57de24f1e705234ed9.js?ver=ee649"></script>
vendor: 1 bytes, line 1239
1239
1240<script data-optimized="1" id="masonry-js" src="https://mdlayer.com/wp-content/litespeed/js/bbf6acd2255418f91ca80e8e60e3992a.js?ver=a9211"></script>
vendor: 1 bytes, line 1240
1240
1241<script data-optimized="1" id="jquery-masonry-js" src="https://mdlayer.com/wp-content/litespeed/js/22235550fcc3073428f48e98fc504178.js?ver=0a56a"></script>
vendor: 1 bytes, line 1241
1241
1242<script data-optimized="1" id="elementor-webpack-runtime-js" src="https://mdlayer.com/wp-content/litespeed/js/8f9a0604479619dceb1512740b3bd49c.js?ver=79654"></script>
vendor: 1 bytes, line 1242
1242
1243<script data-optimized="1" id="elementor-frontend-modules-js" src="https://mdlayer.com/wp-content/litespeed/js/18f0ccd5e9defe0b24cc312b44d55b8c.js?ver=229df"></script>
vendor: 1 bytes, line 1243
1243
1244<script data-optimized="1" id="jquery-ui-core-js-before">jQuery.uiBackCompat=!0</script>
vendor: 1 bytes, line 1244
1244
1245<script data-optimized="1" id="jquery-ui-core-js" src="https://mdlayer.com/wp-content/litespeed/js/592dc48fd32cdc62e807b14166d43e19.js?ver=70e8a"></script>
vendor: 1 bytes, line 1245
1245
1246<script data-optimized="1" id="elementor-frontend-js-before">var elementorFrontendConfig={"environmentMode":{"edit":!1,"wpPreview":!1,"isScriptDebug":!1},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnX":"Share on X","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close","a11yCarouselPrevSlideMessage":"Previous slide","a11yCarouselNextSlideMessage":"Next slide","a11yCarouselFirstSlideMessage":"This is the first slide","a11yCarouselLastSlideMessage":"This is the last slide","a11yCarouselPaginationBulletMessage":"Go to slide"},"is_rtl":!1,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":!0},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":!1},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":!0},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":!1},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":!1},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":!1}},"hasCustomBreakpoints":!1},"version":"4.3.3","is_static":!1,"experimentalFeatures":{"e_font_icon_svg":!0,"additional_custom_breakpoints":!0,"container":!0,"e_optimized_markup":!0,"theme_builder_v2":!0,"hello-theme-header-footer":!0,"nested-elements":!0,"import-export-customization":!0,"e_pro_atomic_form":!0,"e_pro_collection_loop":!0,"mega-menu":!0},"urls":{"assets":"https:\/\/mdlayer.com\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/mdlayer.com\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/mdlayer.com\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"3f30bf8f45","atomicFormsSendForm":"45148bf603"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description"},"post":{"id":968,"title":"My%20Elements%3A%20Design%20Engaging%20Moodle%20Content.%20No%20Plugin%2C%20No%20Admin%20%7C%20MDLayer","excerpt":"","featuredImage":!1}}</script>
vendor: 1 bytes, line 1246
1246
1247<script data-optimized="1" id="elementor-frontend-js" src="https://mdlayer.com/wp-content/litespeed/js/1c3a91266132b028631a6ac57f62303a.js?ver=75ea9"></script>
vendor: 1 bytes, line 1247
1247
1248<script data-optimized="1" id="smartmenus-js" src="https://mdlayer.com/wp-content/litespeed/js/e0d51a06cea752c2aa5100f3f359a854.js?ver=649e1"></script>
vendor: 1 bytes, line 1248
1248
1249<script data-optimized="1" id="e-sticky-js" src="https://mdlayer.com/wp-content/litespeed/js/320f080d418bb9c6ce77f9b3ea4262a5.js?ver=337ef"></script>
vendor: 1 bytes, line 1249
1249
1250<script data-optimized="1" id="wp-hooks-js" src="https://mdlayer.com/wp-content/litespeed/js/e23a1fec8451ff39b6b4c3aa0d15b984.js?ver=60f13"></script>
vendor: 1 bytes, line 1250
1250
1251<script data-optimized="1" id="wp-i18n-js" src="https://mdlayer.com/wp-content/litespeed/js/f2e972ac2f4ba7ed780714d5740a6d91.js?ver=92a8c"></script>
vendor: 1 bytes, line 1251
1251
1252<script data-optimized="1" id="wp-i18n-js-after">wp.i18n.setLocaleData({'text direction\u0004ltr':['ltr']})</script>
vendor: 1 bytes, line 1252
1252
1253<script data-optimized="1" id="elementor-pro-frontend-js-before">var ElementorProFrontendConfig={"ajaxurl":"https:\/\/mdlayer.com\/wp-admin\/admin-ajax.php","nonce":"b8a6549bac","urls":{"assets":"https:\/\/mdlayer.com\/wp-content\/plugins\/elementor-pro\/assets\/","rest":"https:\/\/mdlayer.com\/wp-json\/"},"settings":{"lazy_load_background_images":!0},"popup":{"hasPopUps":!1},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":!0},"twitter":{"title":"Twitter"},"linkedin":{"title":"LinkedIn","has_counter":!0},"pinterest":{"title":"Pinterest","has_counter":!0},"reddit":{"title":"Reddit","has_counter":!0},"vk":{"title":"VK","has_counter":!0},"odnoklassniki":{"title":"OK","has_counter":!0},"tumblr":{"title":"Tumblr"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":!0},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":!0},"xing":{"title":"XING","has_counter":!0},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"},"x-twitter":{"title":"X"},"threads":{"title":"Threads"}},"facebook_sdk":{"lang":"en_US","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/mdlayer.com\/wp-content\/plugins\/elementor-pro\/modules\/lottie\/assets\/animations\/default.json"}}</script>
vendor: 1 bytes, line 1253
1253
1254<script data-optimized="1" id="elementor-pro-frontend-js" src="https://mdlayer.com/wp-content/litespeed/js/39d80c92c98bfeb213f122d2d085b1ac.js?ver=e9789"></script>
vendor: 1 bytes, line 1254
1254
1255<script data-optimized="1" id="pro-elements-handlers-js" src="https://mdlayer.com/wp-content/litespeed/js/ec9f38b78b858089592a51c9a7c7f54a.js?ver=cdb01"></script>
vendor: 1 bytes, line 1255
1255
1256<script id="wp-emoji-settings" type="application/json">
1257{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://mdlayer.com/wp-includes/js/wp-emoji-release.min.js?ver=7.1.2"}}
1258</script>
vendor: 1 bytes, line 1258
1258
1259<script type="module">
1260/*! This file is auto-generated */
1261var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))});
1262//# sourceURL=https://mdlayer.com/wp-includes/js/wp-emoji-loader.min.js
1263</script>
1263
1264
1265<script data-no-optimize="1">window.lazyLoadOptions=Object.assign({},{threshold:300},window.lazyLoadOptions||{});!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).LazyLoad=e()}(this,function(){"use strict";function e(){return(e=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n,a=arguments[e];for(n in a)Object.prototype.hasOwnProperty.call(a,n)&&(t[n]=a[n])}return t}).apply(this,arguments)}function o(t){return e({},at,t)}function l(t,e){return t.getAttribute(gt+e)}function c(t){return l(t,vt)}function s(t,e){return function(t,e,n){e=gt+e;null!==n?t.setAttribute(e,n):t.removeAttribute(e)}(t,vt,e)}function i(t){return s(t,null),0}function r(t){return null===c(t)}function u(t){return c(t)===_t}function d(t,e,n,a){t&&(void 0===a?void 0===n?t(e):t(e,n):t(e,n,a))}function f(t,e){et?t.classList.add(e):t.className+=(t.className?" ":"")+e}function _(t,e){et?t.classList.remove(e):t.className=t.className.replace(new RegExp("(^|\\s+)"+e+"(\\s+|$)")," ").replace(/^\s+/,"").replace(/\s+$/,"")}function g(t){return t.llTempImage}function v(t,e){!e||(e=e._observer)&&e.unobserve(t)}function b(t,e){t&&(t.loadingCount+=e)}function p(t,e){t&&(t.toLoadCount=e)}function n(t){for(var e,n=[],a=0;e=t.children[a];a+=1)"SOURCE"===e.tagName&&n.push(e);return n}function h(t,e){(t=t.parentNode)&&"PICTURE"===t.tagName&&n(t).forEach(e)}function a(t,e){n(t).forEach(e)}function m(t){return!!t[lt]}function E(t){return t[lt]}function I(t){return delete t[lt]}function y(e,t){var n;m(e)||(n={},t.forEach(function(t){n[t]=e.getAttribute(t)}),e[lt]=n)}function L(a,t){var o;m(a)&&(o=E(a),t.forEach(function(t){var e,n;e=a,(t=o[n=t])?e.setAttribute(n,t):e.removeAttribute(n)}))}function k(t,e,n){f(t,e.class_loading),s(t,st),n&&(b(n,1),d(e.callback_loading,t,n))}function A(t,e,n){n&&t.setAttribute(e,n)}function O(t,e){A(t,rt,l(t,e.data_sizes)),A(t,it,l(t,e.data_srcset)),A(t,ot,l(t,e.data_src))}function w(t,e,n){var a=l(t,e.data_bg_multi),o=l(t,e.data_bg_multi_hidpi);(a=nt&&o?o:a)&&(t.style.backgroundImage=a,n=n,f(t=t,(e=e).class_applied),s(t,dt),n&&(e.unobserve_completed&&v(t,e),d(e.callback_applied,t,n)))}function x(t,e){!e||0<e.loadingCount||0<e.toLoadCount||d(t.callback_finish,e)}function M(t,e,n){t.addEventListener(e,n),t.llEvLisnrs[e]=n}function N(t){return!!t.llEvLisnrs}function z(t){if(N(t)){var e,n,a=t.llEvLisnrs;for(e in a){var o=a[e];n=e,o=o,t.removeEventListener(n,o)}delete t.llEvLisnrs}}function C(t,e,n){var a;delete t.llTempImage,b(n,-1),(a=n)&&--a.toLoadCount,_(t,e.class_loading),e.unobserve_completed&&v(t,n)}function R(i,r,c){var l=g(i)||i;N(l)||function(t,e,n){N(t)||(t.llEvLisnrs={});var a="VIDEO"===t.tagName?"loadeddata":"load";M(t,a,e),M(t,"error",n)}(l,function(t){var e,n,a,o;n=r,a=c,o=u(e=i),C(e,n,a),f(e,n.class_loaded),s(e,ut),d(n.callback_loaded,e,a),o||x(n,a),z(l)},function(t){var e,n,a,o;n=r,a=c,o=u(e=i),C(e,n,a),f(e,n.class_error),s(e,ft),d(n.callback_error,e,a),o||x(n,a),z(l)})}function T(t,e,n){var a,o,i,r,c;t.llTempImage=document.createElement("IMG"),R(t,e,n),m(c=t)||(c[lt]={backgroundImage:c.style.backgroundImage}),i=n,r=l(a=t,(o=e).data_bg),c=l(a,o.data_bg_hidpi),(r=nt&&c?c:r)&&(a.style.backgroundImage='url("'.concat(r,'")'),g(a).setAttribute(ot,r),k(a,o,i)),w(t,e,n)}function G(t,e,n){var a;R(t,e,n),a=e,e=n,(t=Et[(n=t).tagName])&&(t(n,a),k(n,a,e))}function D(t,e,n){var a;a=t,(-1<It.indexOf(a.tagName)?G:T)(t,e,n)}function S(t,e,n){var a;t.setAttribute("loading","lazy"),R(t,e,n),a=e,(e=Et[(n=t).tagName])&&e(n,a),s(t,_t)}function V(t){t.removeAttribute(ot),t.removeAttribute(it),t.removeAttribute(rt)}function j(t){h(t,function(t){L(t,mt)}),L(t,mt)}function F(t){var e;(e=yt[t.tagName])?e(t):m(e=t)&&(t=E(e),e.style.backgroundImage=t.backgroundImage)}function P(t,e){var n;F(t),n=e,r(e=t)||u(e)||(_(e,n.class_entered),_(e,n.class_exited),_(e,n.class_applied),_(e,n.class_loading),_(e,n.class_loaded),_(e,n.class_error)),i(t),I(t)}function U(t,e,n,a){var o;n.cancel_on_exit&&(c(t)!==st||"IMG"===t.tagName&&(z(t),h(o=t,function(t){V(t)}
1265),V(o),j(t),_(t,n.class_loading),b(a,-1),i(t),d(n.callback_cancel,t,e,a)))}function $(t,e,n,a){var o,i,r=(i=t,0<=bt.indexOf(c(i)));s(t,"entered"),f(t,n.class_entered),_(t,n.class_exited),o=t,i=a,n.unobserve_entered&&v(o,i),d(n.callback_enter,t,e,a),r||D(t,n,a)}function q(t){return t.use_native&&"loading"in HTMLImageElement.prototype}function H(t,o,i){t.forEach(function(t){return(a=t).isIntersecting||0<a.intersectionRatio?$(t.target,t,o,i):(e=t.target,n=t,a=o,t=i,void(r(e)||(f(e,a.class_exited),U(e,n,a,t),d(a.callback_exit,e,n,t))));var e,n,a})}function B(e,n){var t;tt&&!q(e)&&(n._observer=new IntersectionObserver(function(t){H(t,e,n)},{root:(t=e).container===document?null:t.container,rootMargin:t.thresholds||t.threshold+"px"}))}function J(t){return Array.prototype.slice.call(t)}function K(t){return t.container.querySelectorAll(t.elements_selector)}function Q(t){return c(t)===ft}function W(t,e){return e=t||K(e),J(e).filter(r)}function X(e,t){var n;(n=K(e),J(n).filter(Q)).forEach(function(t){_(t,e.class_error),i(t)}),t.update()}function t(t,e){var n,a,t=o(t);this._settings=t,this.loadingCount=0,B(t,this),n=t,a=this,Y&&window.addEventListener("online",function(){X(n,a)}),this.update(e)}var Y="undefined"!=typeof window,Z=Y&&!("onscroll"in window)||"undefined"!=typeof navigator&&/(gle|ing|ro)bot|crawl|spider/i.test(navigator.userAgent),tt=Y&&"IntersectionObserver"in window,et=Y&&"classList"in document.createElement("p"),nt=Y&&1<window.devicePixelRatio,at={elements_selector:".lazy",container:Z||Y?document:null,threshold:300,thresholds:null,data_src:"src",data_srcset:"srcset",data_sizes:"sizes",data_bg:"bg",data_bg_hidpi:"bg-hidpi",data_bg_multi:"bg-multi",data_bg_multi_hidpi:"bg-multi-hidpi",data_poster:"poster",class_applied:"applied",class_loading:"litespeed-loading",class_loaded:"litespeed-loaded",class_error:"error",class_entered:"entered",class_exited:"exited",unobserve_completed:!0,unobserve_entered:!1,cancel_on_exit:!0,callback_enter:null,callback_exit:null,callback_applied:null,callback_loading:null,callback_loaded:null,callback_error:null,callback_finish:null,callback_cancel:null,use_native:!1},ot="src",it="srcset",rt="sizes",ct="poster",lt="llOriginalAttrs",st="loading",ut="loaded",dt="applied",ft="error",_t="native",gt="data-",vt="ll-status",bt=[st,ut,dt,ft],pt=[ot],ht=[ot,ct],mt=[ot,it,rt],Et={IMG:function(t,e){h(t,function(t){y(t,mt),O(t,e)}),y(t,mt),O(t,e)},IFRAME:function(t,e){y(t,pt),A(t,ot,l(t,e.data_src))},VIDEO:function(t,e){a(t,function(t){y(t,pt),A(t,ot,l(t,e.data_src))}),y(t,ht),A(t,ct,l(t,e.data_poster)),A(t,ot,l(t,e.data_src)),t.load()}},It=["IMG","IFRAME","VIDEO"],yt={IMG:j,IFRAME:function(t){L(t,pt)},VIDEO:function(t){a(t,function(t){L(t,pt)}),L(t,ht),t.load()}},Lt=["IMG","IFRAME","VIDEO"];return t.prototype={update:function(t){var e,n,a,o=this._settings,i=W(t,o);{if(p(this,i.length),!Z&&tt)return q(o)?(e=o,n=this,i.forEach(function(t){-1!==Lt.indexOf(t.tagName)&&S(t,e,n)}),void p(n,0)):(t=this._observer,o=i,t.disconnect(),a=t,void o.forEach(function(t){a.observe(t)}));this.loadAll(i)}},destroy:function(){this._observer&&this._observer.disconnect(),K(this._settings).forEach(function(t){I(t)}),delete this._observer,delete this._settings,delete this.loadingCount,delete this.toLoadCount},loadAll:function(t){var e=this,n=this._settings;W(t,n).forEach(function(t){v(t,e),D(t,n,e)})},restoreAll:function(){var e=this._settings;K(e).forEach(function(t){P(t,e)})}},t.load=function(t,e){e=o(e);D(t,e)},t.resetStatus=function(t){i(t)},t}),function(t,e){"use strict";function n(){e.body.classList.add("litespeed_lazyloaded")}function a(){console.log("[LiteSpeed] Start Lazy Load"),o=new LazyLoad(Object.assign({},t.lazyLoadOptions||{},{elements_selector:"[data-lazyloaded]",callback_finish:n})),i=function(){o.update()},t.MutationObserver&&new MutationObserver(i).observe(e.documentElement,{childList:!0,subtree:!0,attributes:!0})}var o,i;t.addEventListener?t.addEventListener("load",a,!1):t.attachEvent("onload",a)}(window,document);</script>
1265<script data-no-optimize="1">var litespeed_vary=document.cookie.replace(/(?:(?:^|.*;\s*)_lscache_vary\s*\=\s*([^;]*).*$)|^.*$/,"");litespeed_vary||(sessionStorage.getItem("litespeed_reloaded")?console.log("LiteSpeed: skipping guest vary reload (already reloaded this session)"):fetch("/wp-content/plugins/litespeed-cache/guest.vary.php",{method:"POST",cache:"no-cache",redirect:"follow"}).then(e=>e.json()).then(e=>{console.log(e),e.hasOwnProperty("reload")&&"yes"==e.reload&&(sessionStorage.setItem("litespeed_docref",document.referrer),sessionStorage.setItem("litespeed_reloaded","1"),window.location.reload(!0))}));</script>
1265<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":"d4db4d0202b9456fa08335fd35b91b68","r":1,"spa":2}' crossorigin="anonymous"></script>
1265
1266</body>
1267</html>
1268
1269
1270<!-- Page cached by LiteSpeed Cache 7.9.1 on 2026-10-01 16:46:04 -->
1271<!-- Guest Mode -->

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.