https://adritian-demo-mxodv98y1-adrianmoreno.vercel.app/ar/blog/sample/Fri, 21 Jun 2024 14:38:33 +0200https://adritian-demo-mxodv98y1-adrianmoreno.vercel.app/ar/blog/sample/<p>محتوى تدوينة تجريبي. يشبه لوريم إيبسوم لكنه يقول شيئاً أكثر فائدة.</p> <p>We will show some content that is supported:</p> <h2 id="basic-syntax">Basic Syntax</h2> <h3 id="headings">Headings</h3> <div class="highlight-wrapper"> <button class="copy-code-btn" type="button" aria-label="Copy code to clipboard"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect> <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path> </svg> <span class="copy-text">Copy</span> </button><div class="highlight"><pre tabindex="0" style="background-color:#f7f7f7;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-text" data-lang="text"><span style="display:flex;"><span># Heading 1 </span></span><span style="display:flex;"><span>## Heading 2 </span></span><span style="display:flex;"><span>### Heading 3 </span></span><span style="display:flex;"><span>#### Heading 4 </span></span><span style="display:flex;"><span>##### Heading 5 </span></span><span style="display:flex;"><span>###### Heading 6</span></span></code></pre></div></div> <h2 id="heading-2">Heading 2</h2> <h3 id="heading-3">Heading 3</h3> <h4 id="heading-4">Heading 4</h4> <h5 id="heading-5">Heading 5</h5> <h6 id="heading-6">Heading 6</h6> <h3 id="emphasis">Emphasis</h3> <div class="highlight-wrapper"> <button class="copy-code-btn" type="button" aria-label="Copy code to clipboard"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect> <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path> </svg> <span class="copy-text">Copy</span> </button><div class="highlight"><pre tabindex="0" style="background-color:#f7f7f7;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-text" data-lang="text"><span style="display:flex;"><span>*This text will be italic* </span></span><span style="display:flex;"><span>_This will also be italic_ </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span>**This text will be bold** </span></span><span style="display:flex;"><span>__This will also be bold__ </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span>_You **can** combine them_</span></span></code></pre></div></div> <p><em>This text will be italic</em></p>https://adritian-demo-mxodv98y1-adrianmoreno.vercel.app/ar/home/home/Mon, 01 Jan 0001 00:00:00 +0000https://adritian-demo-mxodv98y1-adrianmoreno.vercel.app/ar/home/home/<section id="قسم-العرض" class="rad-showcase rad-showcase--index rad-animation-group rad-fade-down"> <div> <div class="showcase-section row flex-column-reverse flex-md-row rad-fade-down rad-waiting rad-animate"> <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6"> <h1 class="display-1"> قسم العرض </h1> <h2 class="display-5"> <span>عنوان فرعي - من ملف <code>home.md</code></span> </h2> <div class="lead"> نص <strong>عريض</strong> ونص عادي. هذا المحتوى من ملف <code>home.ar.md</code>. إذا لم يتم توفيره، يتم استخدام الترجمة الافتراضية من i18n (للتوافق مع الإصدارات الأقدم من 1.7.0) </div> </div> <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 profile-image"> <picture class=""> <source srcset="https://adritian-demo-mxodv98y1-adrianmoreno.vercel.app/images/showcase/showcase_hu_73c4ecc41c1f0bb3.webp 1x, https://adritian-demo-mxodv98y1-adrianmoreno.vercel.app/images/showcase/showcase_hu_fbdf31c99fbc9c52.webp 2x" type="image/webp" /> <source srcset="https://adritian-demo-mxodv98y1-adrianmoreno.vercel.app/images/showcase/showcase_hu_dccf2246a1b0964d.png 1x, https://adritian-demo-mxodv98y1-adrianmoreno.vercel.app/images/showcase/showcase_hu_c49bfa87823bec6.png 2x" type="image/png"> <img width="790" height="768" class="lozad img-responsive " data-src="https://adritian-demo-mxodv98y1-adrianmoreno.vercel.app/images/showcase/showcase_hu_dccf2246a1b0964d.png" alt='' src="data:image/gif;base64,R0lGODlhBwACAIAAAP///wAAACH5BAEAAAEALAAAAAAHAAIAAAIDjI9YADs=" loading="lazy" decoding="async" /> </picture> </div> <div class="col-12 inner-content"> <div class="container" id="روابط"> <div class="row platform-links shortcode"> <div class="col-12"> <a href="https://facebook.com/yourpage" target="_blank" rel="noopener noreferrer" aria-label="square-facebook" ><i class="icon-square-facebook"></i> </a> <a href="https://twitter.com/yourpage" target="_blank" rel="noopener noreferrer" aria-label="square-twitter" ><i class="icon-square-twitter"></i> </a> <a href="https://www.linkedin.com/in/adrianmoreno/" target="_blank" rel="noopener noreferrer" aria-label="linkedin" ><i class="icon-linkedin"></i> </a> <a href="https://github.com/zetxek" target="_blank" rel="noopener noreferrer" aria-label="square-github" ><i class="icon-square-github"></i> </a> <a href="https://twitter.com/zetxek" target="_blank" rel="noopener noreferrer" aria-label="x-twitter" ><i class="icon-x-twitter"></i> </a> <a href="https://adritian-demo-mxodv98y1-adrianmoreno.vercel.app/" target="_blank" rel="noopener noreferrer" aria-label="dribbble" ><i class="icon-dribbble"></i> </a> <a href="https://adritian-demo-mxodv98y1-adrianmoreno.vercel.app/" target="_blank" rel="noopener noreferrer" aria-label="behance" ><i class="icon-behance"></i> </a> <a href="https://adritian-demo-mxodv98y1-adrianmoreno.vercel.app/" target="_blank" rel="noopener noreferrer" aria-label="youtube" ><i class="icon-youtube"></i> </a> <a href="https://www.instagram.com/zetxek/" target="_blank" rel="noopener noreferrer" aria-label="instagram" ><i class="icon-instagram"></i> </a> <a href="https://www.facebook.com/zetxek/" target="_blank" rel="noopener noreferrer" aria-label="square-facebook" ><i class="icon-square-facebook"></i> </a> <a href="https://adritian-demo-mxodv98y1-adrianmoreno.vercel.app/" target="_blank" rel="noopener noreferrer" aria-label="codepen" ><i class="icon-codepen"></i> </a> <a href="https://www.yelp.com/" target="_blank" rel="noopener noreferrer" aria-label="yelp" ><i class="icon-yelp"></i> </a> <a href="https://www.bluesky.com/" target="_blank" rel="noopener noreferrer" aria-label="bluesky" ><i class="icon-bluesky"></i> </a> <a href="https://www.threads.net/" target="_blank" rel="noopener noreferrer" aria-label="threads" ><i class="icon-threads"></i> </a> <a href="https://www.adrianmoreno.info/" target="_blank" rel="noopener noreferrer" aria-label="face-smile" ><i class="icon-face-smile"></i> </a> <a href="https://www.adrianmoreno.info/" target="_blank" rel="noopener noreferrer" aria-label="user" ><i class="icon-user"></i> </a> <a href="https://www.adrianmoreno.info/" target="_blank" rel="noopener noreferrer" aria-label="quote-left" ><i class="icon-quote-left"></i> </a> <a href="https://www.adrianmoreno.info/" target="_blank" rel="noopener noreferrer" aria-label="cloud-arrow-down" ><i class="icon-cloud-arrow-down"></i> </a> <a href="https://www.adrianmoreno.info/" target="_blank" rel="noopener noreferrer" aria-label="square-xing" ><i class="icon-square-xing"></i> </a> </div> </div> </div> </div> </div> <div class="row platform-links"> <div class="col-12"></div> </div> </div> </section> <section id="عني" class="section rad-animation-group pb-0"> <div class="rad-fade-down"> <div class="row d-flex flex-column-reverse flex-md-row"> <div class="about__profile-picture col-12 col-md-6"> <picture class=""> <source srcset="https://adritian-demo-mxodv98y1-adrianmoreno.vercel.app/images/about/user-picture_hu_973fc830fa40599f.webp 1x, https://adritian-demo-mxodv98y1-adrianmoreno.vercel.app/images/about/user-picture_hu_8571c72372444988.webp 2x" type="image/webp" /> <source srcset="https://adritian-demo-mxodv98y1-adrianmoreno.vercel.app/images/about/user-picture_hu_1148b2f82969c998.png 1x, https://adritian-demo-mxodv98y1-adrianmoreno.vercel.app/images/about/user-picture_hu_bcd94ba3964f7f12.png 2x" type="image/png"> <img width="561" height="535" class="lozad img-responsive image-left-overflow" data-src="https://adritian-demo-mxodv98y1-adrianmoreno.vercel.app/images/about/user-picture_hu_1148b2f82969c998.png" alt='' src="data:image/gif;base64,R0lGODlhBwACAIAAAP///wAAACH5BAEAAAEALAAAAAAHAAIAAAIDjI9YADs=" loading="lazy" decoding="async" /> </picture> </div> <div class="col-12 col-md-6 my-auto"> <h2>عني</h2> <div class="about-me content"> باستخدام <code>صيغة HTML</code> </div> <a href="https://www.google.com" target="_blank" class="btn btn-primary mt-3"> <i class="info"></i> يمكنك تعديل هذا </a> </div> </div> </div> </section> <section id="التعليم" class="section section--border-bottom rad-animation-group" > <div class="container-education"> <div class="row rad-fade-down"> <div class="col-12"> <h2>التعليم الرسمي</h2> <div class="row pt-2 pt-md-4"> </div> </div> </div> </div> </section> <section id="الخبرة" class="section-experience section section--border-bottom rad-animation-group flex-grow-1"> <div class="row flex-column-reverse flex-md-row rad-fade-down"> <div class="experience-list col-12 col-md-6"> <h2> خبرتي المهنية (القسم) </h2> </div> <div class="experience-description col-12 col-md-6"> <div class="container-experience"> <div class="row"> <h2>مقدمة</h2> <div class="lead">الوصف.<br>يمكنك استخدام HTML، بتنسيق <strong>عريض</strong>، أو قوائم <ul><li>واحد</li><li>اثنان</li></ul></div> </div> <div class="row"> <div class="col-12 col-lg-4"> <a href='https://example.com' class="btn btn-primary btn-block w-100" target="_blank" rel="noopener noreferrer" > <i class="icon-globe"></i> زيارة المثال <i class="icon-arrow-right"></i> </a> </div> <div class="col-12 col-lg-4"> <a href='https://adritian-demo-mxodv98y1-adrianmoreno.vercel.app/img/general/user-smile-fill.svg' class="btn btn-frameless w-100" target="_blank" rel="noopener noreferrer" > زر آخر (2) </a> </div> <div class="col-12 col-lg-4"> <a href='https://adritian-demo-mxodv98y1-adrianmoreno.vercel.app/ar/experience' class="btn btn-frameless w-100" rel="noopener noreferrer" > عرض الكل </a> </div> </div> </div> </div> </div> </section> <h2 id="الخبرة-قائمة">الخبرة (قائمة)</h2> <p>يمكنك مشاهدة نسخة بديلة باستخدام <code>experience-list</code> في <a href="https://adritian-demo-mxodv98y1-adrianmoreno.vercel.app/cv">/cv</a>.</p>