Fixing Size Styles + Add Template Reference and Quiz

Lessons/GettingStart/ArchLinux/index.php

@@ -23,9 +23,7 @@
     <?php include_once "../menu.php" ?>
     <!-- End Menu -->
 
-    <div class="md:hidden">
-        <h1 class="text-2xl">توضیحات</h1>
-    </div>
+    <h1 class="md:hidden">توضیحات</h1>
     <div class="content_lessons CONTENT_COLOR">
         <h1>توزیع آرچ لینوکس</h1>
         <h2>بررسی سریع : </h2>

Lessons/GettingStart/Debian/index.php

@@ -23,9 +23,7 @@
     <?php include_once "../menu.php" ?>
     <!-- End Menu -->
 
-    <div class="md:hidden">
-        <h1 class="text-2xl">توضیحات</h1>
-    </div>
+    <h1 class="md:hidden">توضیحات</h1>
     <div class="content_lessons CONTENT_COLOR">
         <h1>توزیع دبیان</h1>
         <h2>بررسی سریع : </h2>

Lessons/GettingStart/Fedora/index.php

@@ -23,9 +23,7 @@
     <?php include_once "../menu.php" ?>
     <!-- End Menu -->
 
-    <div class="md:hidden">
-        <h1 class="text-2xl">توضیحات</h1>
-    </div>
+    <h1 class="md:hidden">توضیحات</h1>
     <div class="content_lessons CONTENT_COLOR">
         <h1>توزیع فدورا</h1>
         <h2>بررسی سریع : </h2>

Lessons/GettingStart/Gentoo/index.php

@@ -23,9 +23,7 @@
     <?php include_once "../menu.php" ?>
     <!-- End Menu -->
 
-    <div class="md:hidden">
-        <h1 class="text-2xl">توضیحات</h1>
-    </div>
+    <h1 class="md:hidden">توضیحات</h1>
     <div class="content_lessons CONTENT_COLOR">
         <h1>توزیع جنتو</h1>
         <h2>بررسی سریع : </h2>

Lessons/GettingStart/History/index.php

@@ -23,9 +23,7 @@
     <?php include_once "../menu.php" ?>
     <!-- End Menu -->
 
-    <div class="md:hidden">
-        <h1 class="text-2xl">توضیحات</h1>
-    </div>
+    <h1 class="md:hidden">توضیحات</h1>
     <div class="content_lessons CONTENT_COLOR">
         <h1>تاریخچه لینوکس خوشگلمون</h1>
         <p>
@@ -63,6 +61,23 @@
         </p>
     </div>
 
+    <!-- Start Reference & Quiz -->
+    <h1 class="md:hidden">منابع و آزمون</h1>
+    <div class="referenceQuiz_lessons">
+        <div class="CONTENT_COLOR">
+            <h1>sds</h1>
+            <p>
+                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet debitis enim eum exercitationem harum inventore laudantium odit perspiciatis ratione, rem repudiandae rerum ut voluptas! Ad adipisci animi architecto asperiores corporis deserunt eos est ex incidunt ipsa, iste laborum magnam maiores molestias nemo nesciunt nulla perferendis porro, possimus praesentium quia quidem repellat repellendus sed sunt totam, voluptatem voluptates! Ad alias architecto aut, autem culpa delectus dignissimos dolor dolorum ducimus esse eum eveniet harum libero minima minus nobis non obcaecati odio officia optio, perspiciatis possimus praesentium provident quaerat quasi quia quidem quis, quisquam quo quos reiciendis repellat repudiandae rerum sint sit tempore voluptatibus! Accusamus aliquid at corporis cumque dolorum nostrum officiis quaerat quo reprehenderit tempora! Ab accusamus autem corporis dolores enim, eos, facere itaque laudantium nisi, provident quos ratione sapiente sed vel velit veniam vero vitae voluptatum? A animi at blanditiis commodi cumque dolores earum enim est harum, id iste laborum maiores numquam odit optio quam, repellendus repudiandae sunt velit, vitae. Ad adipisci aliquam aperiam asperiores assumenda at consequuntur culpa distinctio dolorem earum eligendi expedita facere facilis hic id incidunt labore maiores nam nesciunt nihil nobis obcaecati officia omnis quam, quia quisquam saepe sapiente sint tempora ullam vel vitae voluptas voluptatum! Ab alias architecto cupiditate delectus dolorum excepturi fugiat id iste, magni mollitia nam necessitatibus nemo nesciunt quidem quisquam ratione rem rerum vel vero voluptates! Adipisci at consequuntur cumque, eveniet expedita fugit illum impedit ipsam minima qui, quod quos, rem repellendus repudiandae rerum saepe veritatis voluptate voluptatem! Aperiam beatae dolore ea harum, illum ipsa itaque, minima, natus nobis perspiciatis reiciendis rerum? Accusamus amet, aperiam assumenda autem consequatur corporis eos impedit iure laboriosam modi molestias obcaecati odio pariatur perferendis placeat quas quasi sequi sit velit, voluptate! Adipisci commodi cumque deleniti ea eius, eligendi enim id illo incidunt iusto modi neque non nostrum optio porro quas quibusdam quisquam recusandae ut voluptas. Assumenda commodi eum, in placeat quam reprehenderit sed! Amet harum mollitia nemo nesciunt quia quo soluta veniam! Culpa cumque debitis eaque labore laboriosam odio pariatur perferendis sed unde velit! Accusantium aliquid commodi eaque est magnam nostrum obcaecati repudiandae ut. A aliquam aspernatur at, cum doloribus eos illum maxime, provident quasi temporibus veritatis vitae. Accusamus alias aliquam aliquid amet, assumenda atque autem distinctio dolore doloribus ea enim et excepturi expedita facere fugiat harum magnam maiores molestiae natus nemo neque nihil numquam omnis optio quidem quos recusandae saepe sapiente tenetur vero. Aliquid cumque eaque fugiat harum magni minima, nulla obcaecati quam repellendus suscipit. Cumque eum id molestias omnis reiciendis temporibus totam veritatis voluptates? Aut nobis quo reprehenderit. Autem itaque nam qui sint sunt, suscipit tempora ullam unde voluptatibus. Aliquid modi obcaecati quaerat! Atque commodi corporis dolore dolorem facilis fuga harum impedit ipsam, ipsum nam nihil nobis odit quidem quod reprehenderit sunt suscipit ut vel. Animi cupiditate dolore, ea impedit natus neque nesciunt non nulla odit porro provident quaerat ratione rem ut voluptatum? Distinctio incidunt maxime necessitatibus soluta ut! Aperiam consectetur culpa deleniti distinctio ducimus, esse eum excepturi harum hic illo laudantium libero maxime minima molestiae molestias natus nobis non nulla pariatur quasi quia, rerum sed sunt veniam vero voluptas voluptatem voluptatibus? Blanditiis consectetur doloribus dolorum eaque excepturi inventore, ipsam nam nostrum quam quod recusandae, similique, ullam voluptates! Ad alias aliquam debitis deleniti deserunt dicta doloremque eum excepturi hic impedit iste itaque iure minima, molestias nulla, odit officiis perspiciatis quas quis quod similique sunt veritatis, voluptate. A architecto dolorum fugiat in maiores maxime mollitia quisquam rem sed tempora. Accusantium consequuntur corporis cumque dolor dolore ducimus eius error, est et, eum excepturi fuga illum minima mollitia nihil odio perspiciatis quaerat qui quibusdam quisquam quos saepe sapiente similique totam unde veniam voluptas! Asperiores commodi cumque ex fugiat fugit, laboriosam laudantium magni molestias nemo numquam pariatur praesentium, quasi rem repellendus sit. Beatae cum dignissimos eius facere, fugiat nesciunt officiis voluptas? Architecto, eos odio. Adipisci fuga magnam minima perspiciatis ratione! Alias asperiores at atque blanditiis debitis doloribus error ex facilis, itaque quae ratione reprehenderit sunt suscipit voluptate voluptates! Accusamus adipisci autem beatae culpa cum, debitis deleniti doloribus enim labore laborum quibusdam quidem quod ratione similique suscipit temporibus ullam vero! Alias, deserunt dolorem ea fugit ipsa natus nemo quaerat similique. A, accusamus ad aliquam aliquid animi ea enim ex hic illum inventore iste laboriosam neque nisi porro quas quasi quidem quisquam quod sequi tempora tempore tenetur totam vitae. Deserunt dolor dolorum nesciunt officia tempora. Accusamus eos labore odio quaerat sequi, tempore! Aliquid cum doloribus obcaecati reprehenderit, sit sunt voluptates. Amet animi corporis cupiditate debitis dolor ducimus enim error facilis fugiat hic illum ipsa ipsam iste libero, magnam minus molestiae, molestias mollitia nesciunt nulla officiis omnis perspiciatis provident quaerat quasi qui ratione recusandae repellat reprehenderit sequi temporibus ut veritatis vitae! Ab corporis deserunt earum, laborum laudantium magni maiores natus nihil, nulla officiis perferendis ratione, tempore voluptatem. Adipisci amet aperiam aspernatur consequatur delectus, dignissimos dolor dolorem dolorum ea earum eius eligendi enim eos error explicabo, fugiat ipsa ipsam itaque iure iusto minima obcaecati odit officiis optio placeat quae quaerat quam quia ratione reiciendis saepe sint sit tempore temporibus ut voluptas voluptatibus. Aliquid dicta eius eligendi ex facere, hic ipsam laboriosam maiores molestiae natus nobis quam qui quis, temporibus, veritatis voluptas voluptate! Aperiam autem consequuntur, doloribus ducimus earum eos ex laborum quaerat quam reiciendis sit tempora ullam ut, velit vero vitae voluptates? Accusamus accusantium aspernatur debitis doloremque esse facilis magni molestias nemo numquam pariatur praesentium, quidem rem rerum velit voluptatibus. A, adipisci assumenda corporis id modi natus, nihil nulla perferendis quam quia sed sunt tenetur, voluptatibus. Deleniti, deserunt eligendi labore molestias neque placeat totam! Accusamus aliquid at atque blanditiis cum et facere ipsum molestiae natus, non nostrum nulla numquam officia omnis quasi qui quis repudiandae sed similique soluta unde velit vitae voluptate? Alias consectetur cum deserunt et, fugit in nemo optio praesentium quae, quidem quod sed. Adipisci assumenda commodi, cumque doloribus ea expedita fugit laudantium quasi recusandae reiciendis! Accusamus accusantium aperiam asperiores aspernatur aut autem distinctio eius est id, ipsam nam neque nesciunt nulla, numquam odio optio porro quia quod ratione sit vel voluptas?
+            </p>
+        </div>
+        <div class="CONTENT_COLOR">
+            <p>
+                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa cumque cupiditate error maxime reiciendis rerum. Adipisci alias aliquam at culpa debitis error fuga impedit inventore ipsa magnam, minus molestiae nam nesciunt nisi non odio quia quibusdam quis quisquam recusandae repudiandae similique sit suscipit ut vero? A accusamus adipisci asperiores delectus esse explicabo fuga id ipsum laudantium necessitatibus nesciunt nulla, odio omnis perspiciatis placeat porro quibusdam sequi sint. Aliquam at atque aut consequatur cumque, deleniti deserunt dolor ducimus eaque facilis fugit ipsam ipsum itaque iusto laboriosam laborum magnam maiores minima molestias nihil non odit officiis ratione veniam vitae voluptatem voluptatum. Accusantium aliquam architecto at atque, consequatur consequuntur corporis debitis dolor dolorem doloremque earum et explicabo fuga hic id illum incidunt ipsum iste magnam minus modi natus necessitatibus neque nulla placeat provident quaerat quis quos recusandae rerum sed sequi sit voluptate? Consequatur consequuntur cum illum impedit necessitatibus nemo placeat porro provident! Accusamus alias aperiam blanditiis corporis dolorum eaque eligendi error id, impedit ipsam, maxime mollitia necessitatibus nulla numquam omnis optio quia saepe sed sit soluta tempore temporibus totam unde. Culpa dicta error necessitatibus quas veritatis? A culpa placeat voluptates? Inventore natus neque perferendis recusandae voluptate. Amet atque aut consectetur deserunt dolore ducimus eaque et eveniet excepturi fugiat, hic id illo laudantium libero maxime mollitia nam neque nisi officiis possimus provident quas quia quisquam reiciendis reprehenderit sequi tempora tenetur? Debitis est harum labore placeat temporibus. Accusantium architecto asperiores corporis, dolores esse et expedita explicabo, fugit harum impedit iusto labore laboriosam libero magnam, minus nihil obcaecati odio omnis possimus quaerat quis rem reprehenderit sequi sint sunt ullam veritatis voluptas. Deleniti facere ipsa minus non voluptatum! Animi commodi distinctio tenetur veniam! Architecto atque cumque delectus dolorum ex itaque minus nihil nisi quas saepe? Adipisci, beatae blanditiis ducimus ea eaque enim impedit in itaque iusto libero magni optio porro praesentium quia, quibusdam reiciendis repellendus tempora vitae? Accusantium commodi doloremque in libero, nemo pariatur porro sunt temporibus ut voluptate. A accusantium aperiam architecto, aut culpa deserunt dicta doloremque eveniet facilis fugiat hic labore laudantium magnam necessitatibus nobis praesentium quia quis recusandae rem saepe sapiente temporibus, tenetur totam voluptas voluptatibus. Accusamus animi consectetur consequatur debitis doloribus enim ipsa, labore libero magnam natus nulla perferendis possimus quas quisquam reiciendis sequi temporibus! Amet architecto esse inventore ipsa nobis quis repellat reprehenderit unde veritatis voluptatem! Adipisci assumenda eligendi explicabo ipsam iste libero maiores modi nostrum odit provident quaerat, quas quibusdam, quis ratione voluptates! Accusantium, exercitationem veniam. Asperiores, assumenda consequatur iusto molestias necessitatibus nesciunt non rem sunt. Alias aut distinctio dolor est maiores officiis quas quo tenetur veniam vitae! Accusamus asperiores atque blanditiis commodi consequatur cum dolorum ex id laborum magni maiores molestiae molestias nihil, nisi numquam pariatur quam, quo rem repudiandae sunt suscipit tempore tenetur veritatis. Ea iste nam necessitatibus! Architecto exercitationem labore, maxime minima modi molestias pariatur quam quis, suscipit tempora ut voluptatibus. A ab adipisci asperiores aut, autem culpa debitis deserunt dicta dolore eaque ex facilis fugit hic ipsa iure magni, modi molestiae, nam natus numquam porro quas quidem quod recusandae sapiente soluta totam ullam veritatis voluptas voluptate! Accusamus assumenda mollitia nobis sed tenetur! Aliquid, aperiam at corporis deserunt distinctio doloremque dolorum ea error fugit illo itaque laborum maxime minima modi natus nemo nulla optio possimus praesentium quisquam sapiente sint suscipit tempore unde vel veritatis voluptatem? Ad aperiam, consequuntur deleniti, ducimus et expedita explicabo itaque laborum laudantium magni maxime molestiae natus nisi odit omnis quibusdam rem repellat sint sit tempora unde veniam vitae voluptatibus. Accusantium aliquam asperiores doloremque, dolores est fuga iste repellat rerum saepe sapiente! Eaque exercitationem in officia perferendis voluptates. Ad ea et, fuga ipsa iure iusto laboriosam mollitia natus, necessitatibus neque nihil, odit omnis perspiciatis placeat recusandae saepe sed ut vitae. Amet autem doloremque et facilis ipsa, iusto laudantium minus modi molestias nesciunt, nulla officia omnis qui! Ab accusamus animi assumenda delectus deserunt dolore eligendi eos, inventore ipsa laborum, molestiae necessitatibus nobis quam quidem quos repellat reprehenderit soluta tenetur vel veniam? Amet consequuntur culpa distinctio, earum excepturi exercitationem expedita fuga iure praesentium quas. Assumenda dolore eius magni nihil quasi! Aliquam amet asperiores, aspernatur dignissimos distinctio fugit modi molestias necessitatibus obcaecati perspiciatis placeat provident quae repellat sunt suscipit totam ullam voluptas voluptate! Aliquid animi at dignissimos dolore enim ex exercitationem facere labore officia soluta! Amet animi consequatur, eius labore laborum magni molestiae necessitatibus quos rerum temporibus? Aliquam animi asperiores blanditiis consequuntur cum debitis eligendi error eum eveniet facere fugit id impedit in itaque laborum minima modi natus nesciunt nihil, non numquam omnis perferendis perspiciatis provident quaerat recusandae repellendus repudiandae sequi tempora tempore veritatis voluptatem voluptatibus voluptatum. Neque repellat, veniam! A, alias aliquam amet culpa cumque facilis illo, incidunt maiores molestiae mollitia possimus reiciendis ut? Aperiam corporis doloribus enim, explicabo facilis molestiae obcaecati qui quia sequi velit. Assumenda, eligendi, vel! Autem dolor facere iure neque repellat. Ad aliquam animi, error ipsa ipsum laborum minus tenetur! A amet autem blanditiis dicta ea fuga ipsam iure laborum, laudantium praesentium, quae quisquam vero voluptates. Ab aliquam aperiam, asperiores consectetur consequuntur cum eaque eius esse facilis harum labore magni molestias, nemo neque nesciunt nisi nostrum nulla quam quisquam ratione sequi sit tempore totam ut voluptatibus! Aliquam autem beatae corporis dolores eaque enim error est, et ex facilis fugit ipsa iste molestiae necessitatibus, neque optio perspiciatis possimus quibusdam quidem quod ratione reprehenderit repudiandae saepe sapiente similique sit tempore, temporibus veritatis voluptates voluptatibus. Ab alias aliquid, assumenda, autem consequatur eligendi esse, id illo itaque labore libero magnam neque nisi quasi reiciendis. Aspernatur autem blanditiis corporis, dicta eum excepturi facere modi perferendis soluta suscipit ullam, unde? Aspernatur at aut beatae cumque debitis dolore, eaque error fuga illo in iure laudantium magnam maxime minima nisi non nulla officia omnis praesentium quae qui quidem quisquam veritatis. Accusamus eos laboriosam molestias natus provident sed velit voluptate? Cumque dolore dolorum, esse fugiat harum illo laudantium maiores molestiae nostrum nulla, numquam odit quibusdam ratione repellat soluta. Adipisci fugiat nobis officia? Accusamus architecto corporis cupiditate distinctio, facere facilis in ipsum magnam maiores maxime neque, quisquam sint suscipit tempora tempore unde ut!
+            </p>
+        </div>
+    </div>
+    <!-- End Reference & Quiz -->
+
     <!-- Start Next Lesson -->
     <?php
     Next_Lesson('choosing-a-linux-distribution' , 'انتخاب توزیع');

Lessons/GettingStart/LinuxMint/index.php

@@ -23,9 +23,7 @@
     <?php include_once "../menu.php" ?>
     <!-- End Menu -->
 
-    <div class="md:hidden">
-        <h1 class="text-2xl">توضیحات</h1>
-    </div>
+    <h1 class="md:hidden">توضیحات</h1>
     <div class="content_lessons CONTENT_COLOR">
         <h1>توزیع لینوکس مینت</h1>
         <h2>بررسی سریع : </h2>

Lessons/GettingStart/OpenSUSE/index.php

@@ -23,11 +23,9 @@
     <?php include_once "../menu.php" ?>
     <!-- End Menu -->
 
-    <div class="md:hidden">
-        <h1 class="text-2xl">توضیحات</h1>
-    </div>
+    <h1 class="md:hidden">توضیحات</h1>
     <div class="content_lessons CONTENT_COLOR">
-        <h1>توزیع اَپِن سوزه</h1>
+        <h1>توزیع اُپِن سوزه</h1>
         <h2>بررسی سریع : </h2>
         <p>
             این توزیع هم مثل توزیع دبیان و فدروا از کرنل اصلی لینوکس ساخته شده و یک محصول مستقل به حساب میاد.این پروژه یه پروژه کاملا اجتماعی

Lessons/GettingStart/RedHat/index.php

@@ -23,9 +23,7 @@
     <?php include_once "../menu.php" ?>
     <!-- End Menu -->
 
-    <div class="md:hidden">
-        <h1 class="text-2xl">توضیحات</h1>
-    </div>
+    <h1 class="md:hidden">توضیحات</h1>
     <div class="content_lessons CONTENT_COLOR">
         <h1>توزیع ردهت</h1>
         <h2>بررسی سریع : </h2>

Lessons/GettingStart/Ubuntu/index.php

@@ -23,9 +23,7 @@
     <?php include_once "../menu.php" ?>
     <!-- End Menu -->
 
-    <div class="md:hidden">
-        <h1 class="text-2xl">توضیحات</h1>
-    </div>
+    <h1 class="md:hidden">توضیحات</h1>
     <div class="content_lessons CONTENT_COLOR">
         <h1>توزیع ابونتو</h1>
         <h2>بررسی سریع : </h2>

Lessons/GettingStart/choosing-a-linux-distribution/index.php

@@ -23,9 +23,7 @@
     <?php include_once "../menu.php" ?>
     <!-- End Menu -->
 
-    <div class="md:hidden">
-        <h1 class="text-2xl">توضیحات</h1>
-    </div>
+    <h1 class="md:hidden">توضیحات</h1>
     <div class="content_lessons CONTENT_COLOR">
         <h1>انتخاب یه توزیع برای کار</h1>
         <p>