From 002c3ab903cb545c1d595965807a4cd63fb5b7f3 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期三, 04 九月 2024 16:40:53 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

---
 src/books/mathBook/view/components/header.vue |  197 ++++++++++++++++++++++++++++++++++++++++++++++++-
 1 files changed, 192 insertions(+), 5 deletions(-)

diff --git a/src/books/mathBook/view/components/header.vue b/src/books/mathBook/view/components/header.vue
index 258b3be..cad201c 100644
--- a/src/books/mathBook/view/components/header.vue
+++ b/src/books/mathBook/view/components/header.vue
@@ -1,18 +1,19 @@
 <template>
-  <div class="chapter" num="1">
-    <!-- 灏侀潰 -->
-    <div class="page-box cover mt-20" page="1" >
+  <div class="chapter" num="0">
+    <!-- 灏侀潰1 -->
+    <div class="page-box cover mt-20" page="1">
       <div v-if="showPageList.indexOf(1) > -1">
         <img src="../../assets/images/Cover.jpg" alt="" class="w100" />
       </div>
     </div>
+    <!-- 鐗堟潈椤�1 -->
     <div class="page-box" page="2">
       <div v-if="showPageList.indexOf(2) > -1">
         <img src="../../assets/images/Covers.png" alt="" class="w100" />
       </div>
     </div>
-    <!-- 鐗堟潈椤� -->
-    <div class="page-box text-center" style="padding: 136px 0" page="3">
+    <!-- 鐗堟潈椤�2 -->
+    <div class="page-box text-center" page="3" style="padding: 136px 0">
       <div v-if="showPageList.indexOf(3) > -1">
         <div class="box">
           <hr class="line" />
@@ -72,6 +73,161 @@
       </div>
     </div>
 
+    <div class="page-box" page="4">
+      <div v-if="showPageList.indexOf(4) > -1">
+        <div class="padding-116" style="padding-top:50px ;">
+
+          <div class="publishTitle">
+
+
+
+
+
+            <div>
+              <div class="indentation">鈥滃崄鍥涗簲鈥� 鑱屼笟鏁欒偛鍥藉瑙勫垝鏁欐潗</div>
+              <div class="indentation">(涓瓑鑱屼笟瀛︽牎鍏叡鍩虹璇剧▼鏁欐潗)鍑虹増璇存槑</div>
+              <div class="indentation" style="color: #000; font-size: 16px; letter-spacing: 10px;  ">
+                ....................................</div>
+            </div>
+
+
+            <div style="margin-left: 15px;">
+              >>>>
+            </div>
+          </div>
+
+
+
+
+
+          <p style="margin-top: 30px; line-height: 30px; ">
+            涓鸿疮褰诲厷鐨勪簩鍗佸ぇ绮剧锛岃惤瀹炪�婁腑鍗庝汉姘戝叡鍜屽浗鑱屼笟鏁欒偛娉曘�嬭瀹氾紝娣卞寲鑱屼笟鏁欒偛鈥滀笁鏁欌�濇敼闈╋紝鍏ㄩ潰鎻愰珮鎶�鏈妧鑳藉瀷浜烘墠鍩瑰吇璐ㄩ噺锛屾寜鐓с�婅亴涓氶櫌鏍℃暀鏉愮鐞嗗姙娉曘�嬨�婁腑绛夎亴涓氬鏍″叕鍏卞熀纭�璇剧▼鏂规銆嬪拰鏈夊叧璇剧▼鏍囧噯鐨勮姹傦紝鍦ㄥ浗瀹舵暀鏉愬鍛樹細鐨勭粺绛归瀵间笅锛屾牴鎹暀鑲查儴鑱屼笟鏁欒偛涓庢垚浜烘暀鑲插徃瀹夋帓锛屾暀鑲查儴鑱屼笟鏁欒偛鍙戝睍涓績缁勭粐鏈夊叧鍑虹増鍗曚綅瀹屾垚瀵规暟瀛︺�佽嫳璇�佷俊鎭妧鏈�佷綋鑲蹭笌鍋ュ悍銆佽壓鏈�佺墿鐞嗐�佸寲瀛�7闂ㄥ叕鍏卞熀纭�璇剧▼鍥藉瑙勫垝鏂版暀鏉愪慨璁㈠伐浣滐紝淇鏁欐潗缁忎笓瀹跺鍛樹細瀹℃牳閫氳繃锛岀粺涓�鏍囨敞鈥滃崄鍥涗簲鈥濊亴涓氭暀鑲插浗瀹惰鍒掓暀鏉愶紙涓瓑鑱屼笟瀛︽牎鍏叡鍩虹璇剧▼鏁欐潗锛夈��
+          </p>
+          <p style=" line-height: 30px; ">
+            淇鏁欐潗鏍规嵁鏁欒偛閮ㄥ彂甯冪殑涓瓑鑱屼笟瀛︽牎鍏叡鍩虹璇剧▼鏍囧噯鍜屽浗瀹舵柊瑕佹眰缂栧啓锛屽叏闈㈣惤瀹炵珛寰锋爲浜烘牴鏈换鍔★紝绐佹樉鑱屼笟鏁欒偛绫诲瀷鐗瑰緛锛岄伒寰妧鏈妧鑳戒汉鎵嶆垚闀胯寰嬪拰瀛︾敓韬績鍙戝睍瑙勫緥锛岃仛鐒︽牳蹇冪礌鍏汇�佹敞閲嶅痉鎶�骞朵慨锛屽湪鏁欐潗缁撴瀯銆佹暀鏉愬唴瀹广�佹暀瀛︽柟娉曘�佸憟鐜板舰寮忋�侀厤濂楄祫婧愮瓑鏂归潰杩涜浜嗘湁鐩婃帰绱紝鏃ㄥ湪鎺ㄥ姩涓瓑鑱屼笟鏁欒偛鍚戝氨涓氬拰鍗囧骞堕噸杞彉锛屾墦鐗腑绛夎亴涓氬鏍″鐢熺殑绉戝鏂囧寲鍩虹锛屾彁鍗囧鐢熺殑缁煎悎绱犺川鍜岀粓韬涔犺兘鍔涳紝鎻愰珮鎶�鏈妧鑳戒汉鎵嶅煿鍏昏川閲忥紝宸╁浐涓瓑鑱屼笟鏁欒偛鍦ㄨ亴涓氭暀鑲蹭綋绯讳腑鐨勫熀纭�鍦颁綅銆�
+          </p>
+          <p style=" line-height: 30px; ">
+            鍚勫湴瑕佹寚瀵煎尯鍩熷唴涓瓑鑱屼笟瀛︽牎寮�榻愬紑瓒冲紑濂藉叕鍏卞熀纭�璇剧▼锛岃鐪熻疮褰诲疄鏂姐�婅亴涓氶櫌鏍℃暀鏉愮鐞嗗姙娉曘�嬶紝纭繚閫夌敤鏈瀹℃牳閫氳繃鐨勫浗瀹惰鍒掍慨璁㈡暀鏉愩�傚浣跨敤杩囩▼涓彂鐜伴棶棰樿鍙婃椂鍙嶉缁欏嚭鐗堝崟浣嶏紝浠ユ帹鍔ㄧ紪鍐欍�佸嚭鐗堝崟浣嶇簿鐩婃眰绮撅紝涓嶆柇鎻愰珮鏁欐潗璐ㄩ噺銆�
+          </p>
+
+          <div class="information">
+            <p>涓瓑鑱屼笟瀛︽牎鍏叡鍩虹璇剧▼鏁欐潗寤鸿涓撳濮斿憳浼�</p>
+            <p>2023骞�6鏈�</p>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div class="page-box" page="5">
+      <div v-if="showPageList.indexOf(5) > -1">
+        <div class="padding-116" style="padding-top:50px ;">
+          <div class="publishTitle">
+            <div>
+              <div class="indentation">鍓嶈█</div>
+              <div class="indentation" style="color: #000; font-size: 16px; letter-spacing: 10px;  ">
+                ......</div>
+            </div>
+            <div style="margin-left: 15px;">
+              >>>>>>>>
+            </div>
+          </div>
+
+          <p>
+            涓瓑鑱屼笟瀛︽牎鏁板璇剧▼鏄腑绛夎亴涓氬鏍″悇涓撲笟瀛︾敓蹇呬慨鐨勫叕鍏卞熀纭�璇剧▼锛屾壙杞界潃钀藉疄绔嬪痉鏍戜汉鏍规湰浠诲姟銆佸彂灞曠礌璐ㄦ暀鑲茬殑鍔熻兘锛屽叿鏈夊熀纭�鎬с�佸彂灞曟�с�佸簲鐢ㄦ�у拰鑱屼笟鎬х瓑鐗圭偣銆傛湰濂楁暀鏉愭槸鈥滃崄鍥涗簲鈥濊亴涓氭暀鑲插浗瀹惰鍒掓暀鏉愶紙涓瓑鑱屼笟瀛︽牎鍏叡鍩虹璇剧▼鏁欐潗锛夛紝渚濇嵁銆婁腑绛夎亴涓氬鏍″叕鍏卞熀纭�璇剧▼鏂规銆嬪拰銆婁腑绛夎亴涓氬鏍℃暟瀛﹁绋嬫爣鍑嗐�嬶紙浠ヤ笅绠�绉扳�滄柊璇炬爣鈥濓級缂栧啓銆�
+          </p>
+
+
+          <div class="zt-ls1" style="margin-top: 30px;">
+
+            涓�銆佹湰濂楁暀鏉愮殑涓昏鍐呭
+          </div>
+
+          <p>
+            鏈鏁欐潗娉ㄩ噸鎻愬崌瀛︾敓鏁板杩愮畻銆佺洿瑙傛兂璞°�侀�昏緫鎺ㄧ悊銆佹暟瀛︽娊璞°�佹暟鎹垎鏋愬拰鏁板寤烘ā鍏ぇ鏁板瀛︾鏍稿績绱犲吇锛涙敞閲嶆彁楂樺鐢熷涔犳暟瀛︾殑鍏磋叮锛屽寮哄鐢熷濂芥暟瀛︾殑涓诲姩鎬у拰鑷俊蹇冿紝浣垮鐢熷吇鎴愮悊鎬ф�濈淮銆佹暍浜庤川鐤戙�佸杽浜庢�濊�冪殑绉戝绮剧鍜岀簿鐩婃眰绮剧殑宸ュ尃绮剧锛屽姞娣卞鏁板鐨勭瀛︿环鍊笺�佸簲鐢ㄤ环鍊笺�佹枃鍖栦环鍊煎拰瀹$編浠峰�肩殑璁よ瘑锛涙敞閲嶄緷鎹腑鑱屽鐢熺殑瀹為檯鎯呭喌锛屼负涓嶅悓闇�姹傜殑瀛︾敓鎻愪緵鏈潵鍙戝睍鎵�闇�鐨勬暟瀛︾煡璇嗭紝骞跺煿鍏诲叾鐩稿簲鐨勬暟瀛﹁兘鍔涖��
+          </p>
+
+          <p>鏈鏁欐潗鍐呭浣撶郴濡備笅銆�</p>
+
+          <p class="center openImgBox">
+            <img class="img-c" alt="" src="../../assets/imgs/0004-1.jpg" />
+          </p>
+          <!-- <p class="img">鍥�3-16</p> -->
+        </div>
+      </div>
+    </div>
+
+    <div class="page-box" page="6">
+      <div v-if="showPageList.indexOf(6) > -1">
+        <div class="padding-116" style="padding-top:50px ;">
+          <p class="center openImgBox">
+            <img class="img-c" alt="" src="../../assets/imgs/0005-1.jpg" />
+          </p>
+
+          <div class="zt-ls1" style="margin-top: 30px;">
+            浜屻�佹湰濂楁暀鏉愮殑涓昏鐗硅壊
+          </div>
+          <p class="zt-ls1" style="margin-top: 30px;">
+            路绱ф墸鏂拌鏍囨柊鐞嗗康锛屾敞閲嶅彂灞曟牳蹇冪礌鍏�
+          </p>
+          <div class="textIndentation">
+            涓哄叏闈㈣疮褰诲厷鐨勬暀鑲叉柟閽堛�佽惤瀹炵珛寰锋爲浜烘牴鏈换鍔★紝鏈鏁欐潗涓ユ牸渚濇嵁鏂拌鏍囩紪鍐欙紝鍏ㄩ潰钀藉疄鏂拌鏍囪姹傦紝鍦ㄦ暟瀛﹀唴瀹硅璁′腑绐佸嚭鏁板瀛︾鏍稿績绱犲吇锛屾敞閲嶅鐢熸牳蹇冪礌鍏荤殑鎻愬崌銆�
+          </div>
+
+          <p class="zt-ls1" style="margin-top: 30px;">
+            路閲嶈瀹炶返浣撶幇搴旂敤锛岀獊鏄炬暟瀛﹁偛浜轰环鍊�
+          </p>
+          <div class="textIndentation">
+            鏈鏁欐潗鍏呭垎鑰冭檻涓瓑鑱屼笟鏁欒偛鐨勬暀瀛﹁寰嬨�佷竴绾胯亴涓氬鏍″鐢熺殑瀹為檯鎯呭喌鍜屽鐢熸湭鏉ヨ亴涓氬彂灞曢渶姹傦紝娉ㄩ噸鍒涜璐磋繎瀛︾敓鐢熸椿銆佹湭鏉ヨ亴鍦虹殑鏁板鎯呭锛岀敓鍔ㄨ嚜鐒跺湴寮曞叆銆佸憟鐜般�佸睍寮�鏁板鐭ヨ瘑鐨勫涔犮�傛暟瀛︽儏澧冨婧愯嚜鏃ュ父鐢熸椿銆佺ぞ浼氱敓娲绘垨鐢熶骇瀹炶返妗堜緥锛屾敞閲嶅湪妗堜緥鎯呭涓彁鍑烘暟瀛﹂棶棰橈紝浣垮鐢熷浼氳繍鐢ㄦ暟瀛︾煡璇嗗拰鏁板鎬濈淮瑙e喅瀹為檯闂锛屾彁鍗囧鐢熺殑鏁板杩愮敤鑳藉姏銆�
+          </div>
+
+
+
+          <p class="zt-ls1" style="margin-top: 30px;">
+            路鏂扮煡鐢熸垚鏃х煡杩佺Щ锛屾湁鏈烘瀯寤烘暟瀛︽暣浣�
+          </p>
+          <div class="textIndentation">
+            鏈鏁欐潗娉ㄩ噸鏁板鏂扮煡璇嗙殑鑷劧鐢熸垚锛岃缃�滅煡璇嗗洖椤锯�濃�滈棶棰樻彁鍑�/瑙傚療鎬濊�冣�濃�滃垎鏋愮悊瑙b�濃�滄娊璞℃鎷�濈瓑鏍忕洰锛岄�氳繃灞傚眰閫掕繘鐨勭鍚堥�昏緫瑙勫緥鐨勭粨鏋勪綋渚嬶紝璁╁鐢熶簡瑙f暟瀛︾煡璇嗙殑鏉ラ緳鍘昏剦銆傛暀鏉愭敞鎰忓悇閮ㄥ垎鐭ヨ瘑涔嬮棿鐨勫唴鍦ㄨ仈绯伙紝閫氳繃绫绘瘮銆佽仈鎯炽�佺煡璇嗙殑杩佺Щ鍜屽簲鐢ㄧ瓑鎵嬫锛屼娇瀛︾敓浣撲細鐭ヨ瘑涔嬮棿鐨勬湁鏈鸿仈绯伙紝鎰熷彈鏁板鐨勬暣浣撴�э紝姝g‘璁よ瘑鏁板鐨勬湰璐ㄣ��
+          </div>
+
+
+
+          <p class="zt-ls1" style="margin-top: 30px;">
+            路灏婇噸瀛︾敓涓讳綋鍦颁綅锛屼綋鐜板垎灞傛暀瀛︾悊蹇�
+          </p>
+          <div class="textIndentation">
+            鏈鏁欐潗娉ㄩ噸鏁板鏂扮煡璇嗙殑鑷劧鐢熸垚锛岃缃�滅煡璇嗗洖椤锯�濃�滈棶棰樻彁鍑�/鏈鏁欐潗鍧氭寔浠ュ鐢熶负鏈紝灏婇噸瀛︾敓涓讳綋鍦颁綅锛屽叧娉ㄥ鐢熺殑涓綋宸紓銆傚湪渚嬮閫夋嫨銆佷範棰樼紪鎺掔瓑鏂归潰鍧囧樊鍒寲璁剧疆闅惧害锛岀獊鍑哄涓氭按骞宠瘎浠疯绱狅紝浣撶幇鍒嗗眰鏁欏鐨勭悊蹇碉紝鏃㈤�傚簲涓嶅悓鍦板尯銆佷笉鍚屼笓涓氱被鍒�佷笉鍚屾暟瀛﹀熀纭�瀛︾敓鐨勭壒鐐癸紝鍙堝吋椤惧鐢熷崌瀛﹀拰灏变笟鐨勯渶瑕併��
+          </div>
+
+          <div class="zt-ls1" style="margin-top: 30px;">
+            涓夈�佹湰濂楁暀鏉愮殑閰嶅璧勬簮
+          </div>
+          <p>鏈鏁欐潗涓哄鐢熸彁渚涢厤濂楀涔犳寚瀵间笌鑳藉姏璁粌锛屽府鍔╁鐢熻繘琛屽悓姝ュ涔犱笌瀛︿範妫�娴嬶紝鍏奸【鍗囧鍜屽氨涓氫袱绉嶅彂灞曢渶姹傦紝鎻愬崌瀛︾敓瀛︿範鏁堢巼鍜屾晥鏋溿��</p>
+        </div>
+      </div>
+    </div>
+
+    <div class="page-box" page="7">
+      <div v-if="showPageList.indexOf(7) > -1">
+        <div class="padding-116" style="padding-top:50px ;">
+
+          <p>
+            鈥滀含甯圗璇锯�濅负鏈鏁欐潗閰嶅璧勬簮鏈嶅姟骞冲彴锛屼负鏁欏笀寮�灞曞鏍峰寲鏁欏銆佸鐢熷紑灞曚釜鎬у寲鑷富瀛︿範鎻愪緵鍏ㄦ柟浣嶇殑鏀寔鍜屾湇鍔°�傛湰濂楁暀鏉愰厤澶囦赴瀵岀殑鏁板瓧璧勬簮锛岃祫婧愮被鍨嬪寘鎷暀瀛﹁浠躲�佸悓姝ユ暀妗堛�侀噸闅剧偣鐭ヨ瘑璁茶В瑙嗛銆侀噸闅剧偣涔犻璁茶В瑙嗛浠ュ強鍦ㄧ嚎浜や簰涔犻绛夈�傛垜浠皢缁х画寮�灞曞叾浠栦紭璐ㄦ暟瀛楁暀瀛﹁祫婧愮殑鐮斿彂鍜屽缓璁撅紝涓嶆柇鏇存柊鍜屼赴瀵岀浉鍏冲唴瀹癸紝鍋氬埌涓庢椂淇辫繘銆傚笀鐢熷彲璁块棶浜笀E璇惧畼鏂圭綉绔欙細https锛氣垾jsek.bnuic.com锛岀櫥褰曞悗鎼滅储涔﹀悕杩涜鏌ョ湅銆�
+          </p>
+
+          <div class="zt-ls1" style="margin-top: 30px;">
+            鍥涖�佹湰鏁欐潗鐨勭紪鍐欏洟闃熷強鍒嗗伐
+          </div>
+          <p>
+            鏈鏁欐潗鐢卞寳浜笀鑼冨ぇ瀛︽暟瀛︾瀛﹀闄㈡浌涓�楦f暀鎺堟媴浠讳富缂栵紝璐熻矗璁捐鏁欐潗鐨勭紪鍐欐彁绾层�佺紪鍐欎綋渚嬶紝鏈唽鏁欐潗涓哄熀纭�妯″潡涓婂唽锛岀敱浠樺媷銆佽懀杩炴槬鎷呬换鍒嗗唽涓荤紪銆傛湰鍐屾暀鏉愪功绋挎挵鍐欏垎宸ュ涓嬶細绗竴鍗曞厓锛屽懆闃炽�佽儭鐞寸锛涚浜屽崟鍏冿紝钁h繛鏄ャ�侀挓寤烘灄锛涚涓夊崟鍏冿紝閮戝父绉�銆佽儭鐞寸銆佸懆娴风嚂锛涚鍥涘崟鍏冿紝浠樺媷銆佹潹瑁曢摠锛涚浜斿崟鍏冿紝鏉庤寕鑹�佹潕鎭掋�佺敯涓栦紵銆傛浌涓�楦e鍏ㄤ功杩涜缁熺銆佸畾绋匡紝骞跺绗竴銆佺浜屻�佺涓夊崟鍏冭繘琛岃緝澶у箙搴︾殑淇敼锛屼粯鍕囥�佽懀杩炴槬銆佽儭鐞寸銆侀儜甯哥銆佹潕鑼傝壇銆佹潹瑁曢摠銆侀挓寤烘灄鍙備笌鍏ㄤ功鐨勫绋垮拰瀹氱宸ヤ綔銆�
+          </p>
+          <p>
+            闄や笂杩颁富瑕佺紪鑰呭锛屽弬鍔犳湰鏁欐潗璁ㄨ銆佷慨鏀瑰拰鐩稿叧鏁欏璧勬簮鍒朵綔鐨勮繕鏈夛紙浠ュ姘忕瑪鐢讳负搴忥級锛氱帇绔嬩笢锛堝寳浜笀鑼冨ぇ瀛︼級锛屽垬闆烽浄锛堥噸搴嗗競鍖楃鑱屼笟鏁欒偛涓績锛夛紝涓ュ嚡锛堜笂娴峰競鏉愭枡宸ョ▼瀛︽牎锛夛紝寮犻噾鐜诧紙閲嶅簡甯傝偛鎵嶈亴涓氭暀鑲蹭腑蹇冿級锛屾灄闆锛堜笂娴峰競鍟嗕笟浼氳瀛︽牎锛夛紝鏌村厜绁ワ紙缁ラ槼鍘夸腑绛夎亴涓氭妧鏈鏍★級锛屽緪姘告槍锛堥暱鍨h亴涓氫腑绛変笓涓氬鏍★級锛岄珮鏅撳叺锛堝寳閮ㄦ咕鑱屼笟鎶�鏈鏍★級锛屾浘鍠勯箯锛堟澀宸炲競鐢靛瓙淇℃伅鑱屼笟瀛︽牎锛夈�傚悓鏃讹紝鍦ㄦ暀鏉愬墠鏈熺殑璇曟暀璇曠敤杩囩▼涓紝鎴戜滑鏀跺埌浜嗗緢澶氱渷甯傛暟瀛︽暀鐮斿憳銆佹暀甯堢殑瀹濊吹鎰忚鍜屽缓璁紝鍦ㄦ涓�骞惰〃绀烘劅璋紒
+          </p>
+          <p>鐢变簬鏃堕棿杈冧负浠撲績锛屾暀鏉愰毦鍏嶅瓨鍦ㄤ笉瓒充箣澶勶紝鎴戜滑璇氭伋鍦版湡寰呭悇浣嶈鑰呮彁鍑哄疂璐电殑淇敼鎰忚鍜屽缓璁紙璇峰彂閭欢鑷硑jp@bnupg.com锛夈��</p>
+
+        </div>
+      </div>
+    </div>
   </div>
 </template>
 
@@ -95,18 +251,22 @@
   width: 100%;
   object-fit: contain;
 }
+
 .box {
   max-width: 400px;
   margin: 0 auto;
 }
+
 .line {
   background-color: #000;
   height: 2px;
 }
+
 .tixing {
   position: relative;
   margin-bottom: 110px;
 }
+
 .tixing-left {
   position: absolute;
   top: 0px;
@@ -116,6 +276,7 @@
   border-bottom: 30px solid transparent;
   border-left: 0px solid transparent;
 }
+
 .tixing-right {
   max-width: 200px;
   border-top: 40px solid transparent;
@@ -123,18 +284,44 @@
   border-bottom: 40px solid #8dd7f7;
   border-left: 40px solid transparent;
 }
+
 .tixing-box {
   width: 100%;
   height: 50px;
   background-color: #8dd7f7;
 }
+
 .tixing-text {
   position: absolute;
   top: -36px;
   left: 44px;
 }
+
 .preface-text {
   font-size: 24px;
   color: #fff;
 }
+
+.publishTitle {
+  width: 100%;
+  height: 100px;
+  color: #2cc4f3;
+  border-left: 20px solid #2cc4f3;
+  font-size: 25px;
+  font-weight: bold;
+  display: flex;
+  align-items: center;
+
+  .indentation {
+    text-indent: 1em;
+  }
+
+}
+
+.information {
+  color: #2cc4f3;
+  text-align: right;
+  font-weight: bold;
+  margin-top: 30px;
+}
 </style>

--
Gitblit v1.9.1