Difference between revisions of "Sandbox-Registration"

 
(95 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
<!-- From: https://wikiki.github.io/components/steps/ -->
 
 
 
     <section class="section tot">
 
     <section class="section tot">
 
       <div class="container">
 
       <div class="container">
Line 7: Line 5:
 
           <div class="columns">
 
           <div class="columns">
 
             <div class="column">
 
             <div class="column">
<div class="steps">
+
              <div class="notification is-link">
  <div class="step-item is-info is-completed">
+
                <p class="title is-4">Academic or Practitioner <span class="tag is-success is-pulled-right is-medium has-text-white"><i class="fa fa-calendar" aria-hidden="true"></i>&nbsp; Until September 9</span></p>
    <div class="step-marker">1</div>
+
                <p>&nbsp;</p>
    <div class="step-details">
+
                <p class="title is-2 has-text-centered">TRY 500</p>
      <p class="step-title">Paying</p>
+
                <p class="subtitle is-4 has-text-centered">USD 100 &nbsp;&nbsp;|&nbsp;&nbsp; EUR 85</p>
      <p>Pay the registration fee</p>
+
                <p>&nbsp;</p>
    </div>
+
              </div>
  </div>
+
                <p class="has-text-centered">
  <div class="step-item is-info is-completed">
+
                  <span class="tag"><i class="fa fa-coffee"></i></span>&nbsp;
    <div class="step-marker">2</div>
+
                  <span class="tag"><i class="fa fa-beer"></i></span>&nbsp;
    <div class="step-details">
+
                  <span class="tag"><i class="fa fa-glass"></i></span>&nbsp;
      <p class="step-title">Filling out</p>
+
                  <span class="tag">P00</span>&nbsp;
      <p>Fill out and send the registration form</p>
+
                  <span class="tag">P99</span>&nbsp;
    </div>
+
                  <span class="tag"><span class="icon"><i class="fa fa-bell"></i></span></span>&nbsp;
  </div>
+
                  <span class="tag"><span class="icon"><i class="fa fa-trophy"></i></span></span>&nbsp;
  <div class="step-item is-info is-completed">
+
                  <span class="tag">JFW</span>&nbsp;
    <div class="step-marker">3</div>
+
                  <span class="tag">DSW</span>&nbsp;
    <div class="step-details">
+
                </p>
      <p class="step-title">Checking</p>
+
            </div>
      <p>Check your email box and the website</p>
+
            <div class="column">
    </div>
+
              <div class="notification is-info">
  </div>
+
                <p class="title is-4">Student <span class="tag is-success is-pulled-right is-medium has-text-white"><i class="fa fa-calendar" aria-hidden="true"></i>&nbsp; Until September 9</span></p>
</div>
+
                <p>&nbsp;</p>
 
+
                <p class="title is-2 has-text-centered">TRY 200</p>
 +
                <p class="subtitle is-4 has-text-centered">USD 40 &nbsp;&nbsp;|&nbsp;&nbsp; EUR 35</p>
 +
                <p>&nbsp;</p>
 +
              </div>
 +
                <p class="has-text-centered">
 +
                  <span class="tag"><i class="fa fa-coffee"></i></span>&nbsp;
 +
                  <span class="tag"><i class="fa fa-beer"></i></span>&nbsp;
 +
                  <span class="tag"><i class="fa fa-glass"></i></span>&nbsp;
 +
                  <span class="tag">P00</span>&nbsp;
 +
                  <span class="tag">P99</span>&nbsp;
 +
                  <span class="tag"><span class="icon"><i class="fa fa-bell"></i></span></span>&nbsp;
 +
                  <span class="tag"><span class="icon"><i class="fa fa-trophy"></i></span></span>&nbsp;
 +
                  <span class="tag">JFW</span>&nbsp;
 +
                  <span class="tag">DSW</span>&nbsp;
 +
                </p>
 +
                <p><small><span class="icon"><i class="fa fa-info-circle"></i></span> Institution and student ID number should be provided for undergraduate, master's, and PhD students.</small></p>
 
             </div>
 
             </div>
 
           </div>
 
           </div>
Line 42: Line 55:
 
           <div class="columns">
 
           <div class="columns">
 
             <div class="column">
 
             <div class="column">
 +
              <div class="notification is-warning">
 +
                <p class="title is-4">Academic or Practitioner <span class="tag is-danger is-pulled-right is-medium has-text-white"><i class="fa fa-calendar" aria-hidden="true"></i>&nbsp; After September 10</span></p>
 +
                <p>&nbsp;</p>
 +
                <p class="title is-2 has-text-centered">TRY 650</p>
 +
                <p class="subtitle is-4 has-text-centered">USD 130 &nbsp;&nbsp;|&nbsp;&nbsp; EUR 110</p>
 +
                <p>&nbsp;</p>
 +
              </div>
 +
                <p class="has-text-centered">
 +
                  <span class="tag"><i class="fa fa-coffee"></i></span>&nbsp;
 +
                  <span class="tag"><i class="fa fa-beer"></i></span>&nbsp;
 +
                  <span class="tag"><i class="fa fa-glass"></i></span>&nbsp;
 +
                  <span class="tag">P00</span>&nbsp;
 +
                  <span class="tag">P99</span>&nbsp;
 +
                  <span class="tag"><span class="icon"><i class="fa fa-bell"></i></span></span>&nbsp;
 +
                  <span class="tag"><span class="icon"><i class="fa fa-trophy"></i></span></span>&nbsp;
 +
                  <span class="tag">JFW</span>&nbsp;
 +
                  <span class="tag">DSW</span>&nbsp;
 +
                </p>
 +
            </div>
 +
            <div class="column">
 +
              <div class="notification is-primary">
 +
                <p class="title is-4">Student <span class="tag is-danger is-pulled-right is-medium has-text-white"><i class="fa fa-calendar" aria-hidden="true"></i>&nbsp;  After September 10</span></p>
 +
                <p>&nbsp;</p>
 +
                <p class="title is-2 has-text-centered">TRY 250</p>
 +
                <p class="subtitle is-4 has-text-centered">USD 50 &nbsp;&nbsp;|&nbsp;&nbsp; EUR 45</p>
 +
                <p>&nbsp;</p>
 +
              </div>
 +
                <p class="has-text-centered">
 +
                  <span class="tag"><i class="fa fa-coffee"></i></span>&nbsp;
 +
                  <span class="tag"><i class="fa fa-beer"></i></span>&nbsp;
 +
                  <span class="tag"><i class="fa fa-glass"></i></span>&nbsp;
 +
                  <span class="tag">P00</span>&nbsp;
 +
                  <span class="tag">P99</span>&nbsp;
 +
                  <span class="tag"><span class="icon"><i class="fa fa-bell"></i></span></span>&nbsp;
 +
                  <span class="tag"><span class="icon"><i class="fa fa-trophy"></i></span></span>&nbsp;
 +
                  <span class="tag">JFW</span>&nbsp;
 +
                  <span class="tag">DSW</span>&nbsp;
 +
                </p>
 +
                <p><small><span class="icon"><i class="fa fa-info-circle"></i></span> Institution and student ID number should be provided for undergraduate, master's, and PhD students.</small></p>
 +
            </div>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </section>
  
<div class="pricing-table is-horizontal">
+
     <div class="is-divider" data-content="KEY FOR INCENTIVES"></div>
  <div class="pricing-plan">
 
    <div class="plan-header">Attendee</div>
 
    <div class="plan-items">
 
      <div class="plan-item">20GB Storage</div>
 
      <div class="plan-item">100 Domains</div>
 
      <div class="plan-item">-</div>
 
      <div class="plan-item">-</div>
 
    </div>
 
    <div class="plan-footer">
 
      <div class="plan-price"><span class="plan-price-amount"><span class="plan-price-currency">$</span>20</span>/month</div>
 
      <button class="button is-fullwidth" disabled="disabled">Current plan</button>
 
    </div>
 
  </div>
 
 
 
  <div class="pricing-plan is-warning">
 
    <div class="plan-header">Startups</div>
 
    <div class="plan-items">
 
      <div class="plan-item">20GB Storage</div>
 
      <div class="plan-item">25 Domains</div>
 
      <div class="plan-item">1TB Bandwidth</div>
 
      <div class="plan-item">-</div>
 
    </div>
 
    <div class="plan-footer">
 
      <div class="plan-price"><span class="plan-price-amount"><span class="plan-price-currency">$</span>40</span>/month</div>
 
      <button class="button is-fullwidth">Choose</button>
 
    </div>
 
  </div>
 
 
 
  <div class="pricing-plan is-active">
 
    <div class="plan-header">Growing Team</div>
 
    <div class="plan-items">
 
      <div class="plan-item">200GB Storage</div>
 
      <div class="plan-item">50 Domains</div>
 
      <div class="plan-item">1TB Bandwidth</div>
 
      <div class="plan-item">100 Email Boxes</div>
 
    </div>
 
    <div class="plan-footer">
 
      <div class="plan-price"><span class="plan-price-amount"><span class="plan-price-currency">$</span>60</span>/month</div>
 
      <button class="button is-fullwidth">Choose</button>
 
     </div>
 
  </div>
 
 
 
  <div class="pricing-plan is-danger">
 
    <div class="plan-header">Enterprise</div>
 
    <div class="plan-items">
 
      <div class="plan-item">2TB Storage</div>
 
      <div class="plan-item">100 Domains</div>
 
      <div class="plan-item">1TB Bandwidth</div>
 
      <div class="plan-item">1000 Email Boxes</div>
 
    </div>
 
    <div class="plan-footer">
 
      <div class="plan-price"><span class="plan-price-amount"><span class="plan-price-currency">$</span>100</span>/month</div>
 
      <button class="button is-fullwidth">Choose</button>
 
    </div>
 
  </div>
 
</div>
 
  
 +
    <section class="section tot">
 +
      <div class="container">
 +
        <div class="content">
 +
          <div class="columns">
 +
            <div class="column">
 +
              <p><strong>Food and Drink</strong></p>
 +
              <p class="is-small"><span class="tag"><i class="fa fa-coffee"></i></span>&nbsp; Refreshments</p>
 +
              <p class="is-small"><span class="tag"><i class="fa fa-beer"></i></span>&nbsp; Lunch</p>
 +
              <p class="is-small"><span class="tag"><i class="fa fa-glass"></i></span>&nbsp; Conference dinner</p>
 +
            </div>
 +
            <div class="column">
 +
              <p><strong>Conference Materials</strong></p>
 +
              <p class="is-small"><span class="tag">P00</span>&nbsp; Materials on website (Digital)</p>
 +
              <p class="is-small"><span class="tag">P99</span>&nbsp; Materials (Print)</p>
 +
<!--              <p class="is-small"><strong>P99 include following;</strong></p>
 +
              <p class="is-small" style="margin-left: 2em;"><span class="tag is-danger">p1</span>&nbsp; Conference Abstracts (Print)</p>
 +
              <p class="is-small" style="margin-left: 2em;"><span class="tag is-danger">p2</span>&nbsp; Conference Proceedings (Print)</p>
 +
              <p class="is-small" style="margin-left: 2em;"><span class="tag is-danger">p3</span>&nbsp; Poster Catalog (Print)</p>
 +
              <p class="is-small" style="margin-left: 2em;"><span class="tag is-danger">p4</span>&nbsp; Keynote Speeches (Video + Print)</p>
 +
              <p class="is-small" style="margin-left: 2em;"><span class="tag is-danger">p5</span>&nbsp; Industry Talks Annotations (Print)</p>
 +
              <p class="is-small" style="margin-left: 2em;"><span class="tag is-danger">p6</span>&nbsp; MIS Memorandum (Print)</p>
 +
              <p class="is-small" style="margin-left: 2em;"><span class="tag is-danger">p7</span>&nbsp; The Field Manual of MIS (Print)</p>
 +
-->
 
             </div>
 
             </div>
 
             <div class="column">
 
             <div class="column">
 +
              <p><strong>Special Events</strong></p>
 +
              <p class="is-small"><span class="tag"><span class="icon"><i class="fa fa-bell"></i></span></span>&nbsp; Opening Planery</p>
 +
              <p class="is-small"><span class="tag"><span class="icon"><i class="fa fa-trophy"></i></span></span>&nbsp; Awards Ceremony</p>
 +
              <p class="is-small"><span class="tag">JFW</span>&nbsp; Junior Faculty Workshop</p>
 +
              <p class="is-small"><span class="tag">DSW</span>&nbsp; Doctoral Studies Workshop</p>
 
             </div>
 
             </div>
 
             <div class="column">
 
             <div class="column">
 +
              <p><strong>Conference Events</strong></p>
 +
              <p class="is-small">Track Sessions</p>
 +
              <p class="is-small">Short Paper Sessions</p>
 +
              <p class="is-small">Keynote Sessions</p>
 +
              <p class="is-small">Panels</p>
 +
              <p class="is-small">Industry Talk Sessions</p>
 +
              <p class="is-small">Tutorials</p>
 +
              <p class="is-small">Workshops</p>
 +
              <p class="is-small">Demos</p>
 
             </div>
 
             </div>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </section>
  
 +
    <section class="section tot">
 +
      <div class="container">
 +
        <div class="content">
 +
          <div class="columns">
 +
            <div class="column">
 +
              <div class="notification s-card-1" style="color: #e0470d;">
 +
                <p class="title is-4"><!--Academic or Practitioner--> &nbsp;<span class="tag is-success is-pulled-right is-small has-text-white"><i class="fa fa-calendar"></i>&nbsp; Until September 16</span></p>
 +
                <p>&nbsp;</p>
 +
                <p class="title is-2 has-text-centered">TRY 500</p>
 +
                <p class="subtitle is-4 has-text-centered">USD 100 &nbsp;&nbsp;|&nbsp;&nbsp; EUR 85</p>
 +
                <p>&nbsp;</p>
 +
              </div>
 +
            </div>
 +
            <div class="column">
 +
              <div class="notification s-card-1" style="color: #e0470d;">
 +
                <p class="title is-4">Student <span class="tag is-success is-pulled-right is-small has-text-white"><i class="fa fa-calendar"></i>&nbsp; Until September 16</span></p>
 +
                <p>&nbsp;</p>
 +
                <p class="title is-2 has-text-centered">TRY 200</p>
 +
                <p class="subtitle is-4 has-text-centered">USD 40 &nbsp;&nbsp;|&nbsp;&nbsp; EUR 35</p>
 +
                <p>&nbsp;</p>
 +
              </div>
 +
                <p><small><span class="icon"><i class="fa fa-info-circle"></i></span> <strong>Name of the institution</strong> and <strong>the student ID number</strong> should be provided for undergraduate, master's, and PhD students.</small></p>
 +
            </div>
 
           </div>
 
           </div>
 
         </div>
 
         </div>
Line 113: Line 178:
  
 
</html>
 
</html>
 +
{{Template:HelpBar}}

Latest revision as of 00:25, 17 September 2018

      P00  P99      JFW  DSW 

Student   Until September 9

 

TRY 200

USD 40   |   EUR 35

 

      P00  P99      JFW  DSW 

Institution and student ID number should be provided for undergraduate, master's, and PhD students.

Academic or Practitioner   After September 10

 

TRY 650

USD 130   |   EUR 110

 

      P00  P99      JFW  DSW 

Student   After September 10

 

TRY 250

USD 50   |   EUR 45

 

      P00  P99      JFW  DSW 

Institution and student ID number should be provided for undergraduate, master's, and PhD students.

Food and Drink

  Refreshments

  Lunch

  Conference dinner

Conference Materials

P00  Materials on website (Digital)

P99  Materials (Print)

Special Events

  Opening Planery

  Awards Ceremony

JFW  Junior Faculty Workshop

DSW  Doctoral Studies Workshop

Conference Events

Track Sessions

Short Paper Sessions

Keynote Sessions

Panels

Industry Talk Sessions

Tutorials

Workshops

Demos

   Until September 16

 

TRY 500

USD 100   |   EUR 85

 

Student   Until September 16

 

TRY 200

USD 40   |   EUR 35

 

Name of the institution and the student ID number should be provided for undergraduate, master's, and PhD students.