Difference between revisions of "Template:HelpBar"

Revision as of 05:12, 22 February 2018 (view source)

H. Kemal İlter (talk | contribs)

← Older edit

Latest revision as of 15:05, 22 August 2018 (view source)

H. Kemal İlter (talk | contribs)

(31 intermediate revisions by the same user not shown)

Line 1:

+

<!--

<html>

Line 7:

Line 8:

−

<p class="title is-3">~~Conference Program~~</p>

+

<p class="title is-4"><span class="icon"><i class="fa fa-calendar"></i></span>   Conference Program</p>

−

<p class="~~subtitle is~~-5">~~With special events~~</p>

</div>

</a>

</div>

−

+

−

<p class="title is-3">~~Submission~~</p>

+

<p class="title is-4"><span class="icon"><i class="fa fa-hand-o-right"></i></span>   Registration</p>

−

<p class="~~subtitle is~~-5">~~Submission system for your contributions~~</p>

</div>

</a>

</div>

+

+

+

+

<p class="title is-4"><span class="icon"><i class="fa fa-send"></i></span>   Submission</p>

+

</div>

+

</a>

+

</div>

+

−

<p class="title is-3">~~Help Center~~</p>

+

<p class="title is-4"><span class="icon"><i class="fa fa-question-circle"></i></span>   Help Center</p>

−

<p class="~~subtitle is~~-5">~~Answers to common questions~~</p>

</div>

</a>

Line 32:

Line 39:

</div>

</section>

−

</html>

+

+

+

+

+

+

+

+

+

+

+

</span>

+

<span>Facebook</span>

+

</a>

+

+

+

+

</span>

+

<span>Twitter</span>

+

</a>

+

+

+

+

</span>

+

<span>Instagram</span>

+

</a>

+

+

+

+

</span>

+

<span>Linkedin</span>

+

</a>

+

</p>

+

</div>

+

</div>

+

</div>

+

</div>

+

</section>

+

</html>-->

@@ Line 1: / Line 1: @@
+<!--
 <html>
      <section class="section tot">
@@ Line 7: / Line 8: @@
                <a href="/index.php?title=Conference_Program">
                  <div class="box box-hover">
-                   <p class="title is-3">Conference Program</p>
+                   <p class="title is-4"><span class="icon"><i class="fa fa-calendar"></i></span> &nbsp;&nbsp;Conference Program</p>
-                  <p class="subtitle is-5">With special events</p>
                  </div>
                </a>
              </div>
              <div class="column">
-               <a href="http://2018.imisc.net/oc">
+               <a href="/index.php?title=Registration">
                  <div class="box box-hover">
-                   <p class="title is-3">Submission</p>
+                   <p class="title is-4"><span class="icon"><i class="fa fa-hand-o-right"></i></span> &nbsp;&nbsp;Registration</p>
-                  <p class="subtitle is-5">Submission system for your contributions</p>
                  </div>
                </a>
              </div>
+            <div class="column">
+              <a href="/index.php?title=Submission">
+                <div class="box box-hover">
+                  <p class="title is-4"><span class="icon"><i class="fa fa-send"></i></span> &nbsp;&nbsp;Submission</p>
+                </div>
+              </a>
+            </div>
              <div class="column">
                <a href="/index.php?title=Help_Center">
                  <div class="box box-hover">
-                   <p class="title is-3">Help Center</p>
+                   <p class="title is-4"><span class="icon"><i class="fa fa-question-circle"></i></span> &nbsp;&nbsp;Help Center</p>
-                  <p class="subtitle is-5">Answers to common questions</p>
                  </div>
                </a>
@@ Line 32: / Line 39: @@
        </div>
      </section>
-</html>
+    <section class="section tot">
+      <div class="container">
+        <div class="content">
+              <div class="is-divider" data-content="FOLLOW US"></div>
+          <div class="columns is-mobile">
+            <div class="column has-text-centered">
+<p class="buttons is-centered">
+  <a class="button is-white" href="http://facebook.com/imisc2018/" target="_blank">
+    <span class="icon">
+      <i class="fa fa-facebook-f"></i>
+    </span>
+    <span>Facebook</span>
+  </a>
+  <a class="button is-white" href="http://twitter.com/imisc2018/" target="_blank>
+    <span class="icon">
+      <i class="fa fa-twitter"></i>&nbsp;
+    </span>
+    <span>Twitter</span>
+  </a>
+  <a class="button is-white" href="http://www.instagram.com/imisc2018/" target="_blank">
+    <span class="icon is-small">
+      <i class="fa fa-instagram"></i>
+    </span>
+    <span>Instagram</span>
+  </a>
+  <a class="button is-white" href="http://www.linkedin.com/company/imisc2018/" target="_blank">
+    <span class="icon is-small">
+      <i class="fa fa-linkedin"></i>
+    </span>
+    <span>Linkedin</span>
+  </a>
+</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+</html>-->