Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <div class="panel panel-default">
  <div class="panel-heading" id="headingOne" role="tab">
    <h3 class="panel-title"><a aria-controls="collapseOne" aria-expanded="false" class="accordion-toggle collapsed" data-parent="#accordion" data-toggle="collapse" href="#collapseOne" role="button">Do I have to be in the United States when I apply for OPT?</a></h3>
  </div>

  <div aria-labelledby="headingOne" class="panel-collapse collapse" id="collapseOne" role="tabpanel">
    <div class="panel-body">
      <p>Yes. You must be physically present in the United States when you apply for OPT and when USCIS receives your application.</p>
    </div>
  </div>
</div>

<div class="panel panel-default">
  <div class="panel-heading" id="headingTwo" role="tab">
    <h3 class="panel-title"><a aria-controls="collapseTwo" aria-expanded="false" class="accordion-toggle collapsed" data-parent="#accordion" data-toggle="collapse" href="#collapseTwo" role="button">Now that I've turned in my OPT application, can I travel outside the U.S. while I wait for the card to come?</a></h3>
  </div>

  <div aria-labelledby="headingTwo" class="panel-collapse collapse" id="collapseTwo" role="tabpanel">
    <div class="panel-body">
      <p>If you have an Optional Practical Training application pending with USCIS and you have not yet graduated, you can travel as you usually would as an F-1 student. You must be returning as a student to complete academic requirements before the official
        graduation date. For example, if you applied for OPT in May, are enrolled during the summer, and will graduate August, you may still travel as a student until the the official summer graduation date. Please refer to the <a href="https://registrar.utexas.edu/calendars"
          id="" rel="" target="_blank" title="Registrar's calendar">Registrar's calendar</a> to find the official graduation dates. Re-entry immediately before the official graduation date carries an increased risk of denial of entry.</p>

      <p>For information about the documents to bring with you to re-enter the U.S. before graduation, please review our page&nbsp;<a href="/isss/visa/travel" rel="" target="" title="know before you travel's page">Know Before You Travel</a>.</p>
    </div>
  </div>
</div>

<div class="panel panel-default">
  <div class="panel-heading" id="headingThree" role="tab">
    <h3 class="panel-title"><a aria-controls="collapseThree" aria-expanded="false" class="accordion-toggle collapsed" data-parent="#accordion" data-toggle="collapse" href="#collapseThree" role="button">What if I have to travel out of the country after graduation while my OPT application is pending?</a></h3>
  </div>

  <div aria-labelledby="headingThree" class="panel-collapse collapse" id="collapseThree" role="tabpanel">
    <div class="panel-body">
      <p>The International Office does not recommend international travel after graduation while your OPT application is pending. Traveling during this period can jeopardize the approval of your application. We recommend discussing your travel plans with
        an international student advisor before departing the U.S.</p>

      <p>If you must leave the country after graduation while your OPT application is pending, you may authorize a friend to pick up our EAD card when it arrives or you may order express mail services. To authorize a friend to pick up your EAD card, please
        email hotline@austin.utexas.edu. Include your name and EID as well as your friend's full name in your request. Your friend will need to show photo ID to pick up your EAD card. If you would like to order express mail services you will receive instructions
        from us once your EAD card has arrived.</p>
    </div>
  </div>
</div>

<div class="panel panel-default">
  <div class="panel-heading" id="headingFour" role="tab">
    <h3 class="panel-title"><a aria-controls="collapseFour" aria-expanded="false" class="accordion-toggle collapsed" data-parent="#accordion" data-toggle="collapse" href="#collapseFour" role="button">What documents do I need to re-enter the U.S. while on OPT?</a></h3>
  </div>

  <div aria-labelledby="headingFour" class="panel-collapse collapse" id="collapseFour" role="tabpanel">
    <div class="panel-body">
      <ul>
        <li>Original I-20 with OPT recommendation. The travel signature/endorsement is valid for 6 months from the date of signature while you are on OPT. This is different from when you were a student and the signature was only required within a year of
          re-entry.</li>
        <li>Employment Authorization Document (EAD card) from USCIS</li>
        <li>Valid passport</li>
        <li>Valid F-1 visa</li>
        <li>I-94 ​</li>
      </ul>

      <p>Do not use other types of US visas (i.e. tourist visa or visa waiver) if you plan to use OPT upon your return to the U.S.</p>

      <p><em>Offer of Employment</em> letter from your employer that includes the dates of your employment, a description of your duties, your salary, location where you will be working, and number of hours of work per week. You should also be prepared to
        discuss how this job experience relates to your major field of study. If your employer is sponsoring you for a work visa, this information should not be included in your letter for travel while on OPT. Mention of plans to change visa status could
        be interpreted as a misrepresentation of your intentions in the U.S. by a Port of Entry Officer. A volunteer position letter is acceptable.</p>
    </div>
  </div>
</div>

<div class="panel panel-default">
  <div class="panel-heading" id="headingFive" role="tab">
    <h3 class="panel-title"><a aria-controls="collapseFive" aria-expanded="false" class="accordion-toggle collapsed" data-parent="#accordion" data-toggle="collapse" href="#collapseFive" role="button">The F-1 visa stamp in my passport has expired, but I need to travel outside the U.S. while on OPT. Do I need to get a new visa stamp at an embassy?</a></h3>
  </div>

  <div aria-labelledby="headingFive" class="panel-collapse collapse" id="collapseFive" role="tabpanel">
    <div class="panel-body">
      <p>If you are going to Canada or Mexico or other contiguous territories (except for Cuba), and staying for less than 30 days, you can re-enter the U.S. on your expired F-1 visa stamp, with a valid passport, your EAD card and an I-20 that has been recently
        signed by ISSS. This process is called Automatic Visa Revalidation (AVR). Tell the immigration official at the port of exit (border) that you intend to stay outside the U.S. for less than 30 days and that your U.S. visa is expired. Make sure to
        have all your documents before you travel and present those documents to reenter the U.S. Additional details about AVR can be found on our page&nbsp;<a href="/isss/visa/travel" rel="" target="" title="know before you travel's page">Know Before You Travel</a>.&nbsp;</p>

      <p>If you are traveling elsewhere and your F-1 visa is expired, you will need to go to a U.S. embassy or consulate to apply for a new F-1 visa. See our <a href="/isss/visa" id="" rel="" target="" title="visa information">Visa Information page</a> for
        more information. In addition to the documents listed on the Visa Information page, you will also need to bring your EAD card and employment letter with you to the visa appointment.</p>
    </div>
  </div>
</div>

<div class="panel panel-default">
  <div class="panel-heading" id="headingSix" role="tab">
    <h3 class="panel-title"><a aria-controls="collapseSix" aria-expanded="false" class="accordion-toggle collapsed" data-parent="#accordion" data-toggle="collapse" href="#collapseSix" role="button">In what ways is my application to the embassy for a new visa stamp affected by being on post-completion Optional Practical Training?</a></h3>
  </div>

  <div aria-labelledby="headingSix" class="panel-collapse collapse" id="collapseSix" role="tabpanel">
    <div class="panel-body">
      <p>Many UT students successfully travel and renew their F-1 visas while on OPT. However, it is important to note that the risk of denial for an F-1 visa renewal when you are on OPT is slightly higher than while you are in your student program. The
        fact that the focus of your stay in the U.S. while on OPT is working rather than going to school could be seen as an avenue for adjustment of status to permanent residency. As the F-1 student visa requires that the applicant must intend to return
        to the home country at the end of the program, the visa application could be denied if the embassy official is not convinced of your intention to return home. During your visa appointment it is important to demonstrate that your intent still matches
        the purpose of the non-immigrant F-1 student visa category. Be prepared to answer if asked how your stay in the United States is temporary and be prepared to demonstrate that you do not intend to immigrate to the United States. You can do this
        by showing strong ties to your home country, such as family, property, or employment waiting for your return. Evidence can often be subjective, so use your best judgment to decide what documents you want to take with you to your visa appointment.</p>
    </div>
  </div>
</div>

<div class="panel panel-default">
  <div class="panel-heading" id="headingSeven" role="tab">
    <h3 class="panel-title"><a aria-controls="collapseSeven" aria-expanded="false" class="accordion-toggle collapsed" data-parent="#accordion" data-toggle="collapse" href="#collapseSeven" role="button">Can I travel while on OPT if I have applied for an H-1B visa?</a></h3>
  </div>

  <div aria-labelledby="headingSeven" class="panel-collapse collapse" id="collapseSeven" role="tabpanel">
    <div class="panel-body">
      <p>Please consult an immigration attorney for guidance regarding international travel if you plan to pursue the H-1B process, have an H-1B petition pending with USCIS, or have an I-797 H-1B approval notice.</p>
    </div>
  </div>
</div>

<div class="panel panel-default">
  <div class="panel-heading" id="headingEight" role="tab">
    <h3 class="panel-title"><a aria-controls="collapseEight" aria-expanded="false" class="accordion-toggle collapsed" data-parent="#accordion" data-toggle="collapse" href="#collapseEight" role="button">How do I get a travel signature while on OPT?</a></h3>
  </div>

  <div aria-labelledby="headingEight" class="panel-collapse collapse" id="collapseEight" role="tabpanel">
    <div class="panel-body">
      <p>For international travel, the travel signature on page 2 of your I-20 should be less than 6 months old by the date of your return. If you are in the Austin area you may visit our office during the posted advising hours to request a travel signature.
        No appointment is necessary for a travel signature.</p>

      <p>If you are not in Austin, mail the original I-20 to ISSS for the travel endorsement well in advance of your departure date from the U.S. It is advised that you send the I-20 through express mail and enclose a self-address, pre-paid express mail
        envelope for ISSS to return your signed I-20. Please include a brief note requesting a travel signature and your EID.</p>

      <p>In order to sign your I-20 for travel, we will need to have an employment report on file. Please follow the instructions to <a href="/isss/students/work/opt" rel="" target="" title="report your employment">report your employment</a> on our website
        before mailing us your I-20.<br>
        <br>
        <strong>Mailing Address (for regular mail) </strong><br> Immigration Advisor<br> ISSS, International Office<br> The University of Texas at Austin<br> P.O. Box A<br> Austin, Texas 78713-8901</p>

      <p><strong>Mailing Address (for express mail) </strong><br> Immigration Advisor<br> ISSS, International Office<br> The University of Texas at Austin<br> 2400 Nueces Street, Suite B<br> Austin, Texas 78705</p>
    </div>
  </div>
</div>

<div class="panel panel-default">
  <div class="panel-heading" id="headingNine" role="tab">
    <h3 class="panel-title"><a aria-controls="collapseNine" aria-expanded="false" class="accordion-toggle collapsed" data-parent="#accordion" data-toggle="collapse" href="#collapseNine" role="button">Still have questions?</a></h3>
  </div>

  <div aria-labelledby="headingNine" class="panel-collapse collapse" id="collapseNine" role="tabpanel">
    <div class="panel-body">
      <p>International student advisors are still available to you while you are on OPT. For simple questions or requests, please email hotline@austin.utexas.edu. For questions that require some discussion, please book an appointment with an international
        student advisor. If you are no longer in the Austin area, you may include your phone number in the comment section when booking your appointment. We will call you at the time of your appointment. Please keep in mind that international student
        advisors are trained in student visa topics. For information about employer-sponsored visas or residency applications, please consult with your employer's representative or a qualified immigration attorney.</p>
    </div>
  </div>
</div>
              
            
!

CSS

              
                /* CSS used here will be applied after bootstrap.css */

.panel-title {
  position: relative;
}

.panel-heading .accordion-toggle {
  padding-left: 25px;
  display: block;
}

.panel-heading .accordion-toggle:after {
  font-family: 'Glyphicons Halflings';
  content: "\e114";
  /*glyphicon glyphicon-chevron-right*/
  color: #333f48;
  float: left;
  position: absolute;
  left: 0;
  top: 0;
}

.panel-heading .accordion-toggle.collapsed:after {
  font-family: 'Glyphicons Halflings';
  content: "\e080";
  /*glyphicon glyphicon-chevron-down*/
  color: #333f48;
  float: left;
  position: absolute;
  left: 0;
  top: 0;
}
              
            
!

JS

              
                
              
            
!
999px

Console