<turbo-stream action="update" target="college_page_tabs"><template>
<div class="tablist tablist-stretch space24">
        <a data-turbo-stream="" target="" data-turbo-action="advance" class="tab " href="/college/uc_irvine/lifestyle">
        Financial</a>
      
        <a data-turbo-stream="" target="" data-turbo-action="advance" class="tab selected" href="/college/uc_irvine/campus">
        Campus</a>
      
        <a data-turbo-stream="" target="" data-turbo-action="advance" class="tab " href="/college/uc_irvine/overview">
        Overview</a>
      
        <a data-turbo-stream="" target="" data-turbo-action="advance" class="tab " href="/college/uc_irvine/majors">
        Fields</a>
      </div>






<h3>Summary</h3>
<div class="grayframe space32">
  <div class="bodytext">
    4-year, public university with 81% of freshman living on campus. Extra large student body with 30,204 undergrads in a city, large setting.
  </div>

    
        <div class="badge badge-gray" id="" style="margin: 0 0px 0px 0;">
          
            
            
            Honors college 
      <span class="tippy-help-container" data-controller="tippy" data-tippy-content="Honors colleges offer high-achieving students smaller class sizes and a more private, liberal arts experience with increased faculty interaction and research opportunities." style="font-size: 1.0em;">
        <span style="font-size: 20px; " class="material-symbols-outlined "> help </span>
      </span>
    
            
            
        </div>
    

</div>

  <div class="grayframe space32">

    <a href="https://www.collegetourhub.com/colleges/uc-irvine" target="_blank">
      <img class="space24" style="border-radius: 8px; width: 100%;" src="https://static.gradbetter.com/cth-thumbs/uc-irvine.png">
    </a>

    <div style="display: flex; justify-content: space-between;" class="">
      <a href="https://www.collegetourhub.com/" target="_blank" class="linkcolor">
        <img src="https://static.gradbetter.com/home/cth-map.png" style="padding-right: 12px;">
        All tours
      </a>
      <a class="btn btn-secondary" target="_blank" href="https://www.collegetourhub.com/colleges/uc-irvine">Virtual tours</a>
    </div>
  </div>



<h3>Students</h3>
<div class="grayframe space32">
  <div class="space32">
        
        <div class="badge badge-gray  space12" id="" style="margin: 0 12px 12px 0;">
          
            
            
            Two-year, mixed part/full-time
            
            
        </div>
    
        
        <div class="badge badge-gray  space12" id="" style="margin: 0 12px 12px 0;">
          
            
            
            Professions focus
            
            
      <span class="tippy-help-container" data-controller="tippy" data-tippy-content=">80% of majors in professions (ex. Business, Education, Health) | >50% undergrad/grad major overlap" style="font-size: 1.0em;">
        <span style="font-size: 20px; " class="material-symbols-outlined "> help </span>
      </span>
    
        </div>
    
        
        <div class="badge badge-gray  space12" id="" style="margin: 0 12px 12px 0;">
          
            
            
            Doctoral: moderate research
            
            
        </div>
    
        
        <div class="badge badge-gray  space12" id="" style="margin: 0 12px 12px 0;">
          
            
            
            Calendar: four-one-four plan
            
            
        </div>
    
  </div>

  <div class="stacked-mobile two-col-mobile" style="">
      <div>
        

<div class="progress_bar_with_label space16">
    <div class="progress_bar_label weight-m">
      <div>Gender</div>
      <div></div>
    </div>
    <div class="space8"></div>

  



  <div class="progressbar-container progressbar-container-lightblue collegecard-major-progressbar space8" style="flex-shrink: 1;">
      <div data-progress-target="segment"
        class="progressbar-progress progressbar-progress-dot-pink-500"
        style="
          margin-left: 0.0%;
          width: 100.0%;
          
          
          
        ">&nbsp;</div>
      <div data-progress-target="segment"
        class="progressbar-progress progressbar-progress-dot-blue-500"
        style="
          margin-left: 0.0%;
          width: 44.0%;
          
          
          
        ">&nbsp;</div>
  </div>




    <div class="progress_bar_label">
      <div class="progressbar_bottom_label">44% male</div>
      
      <div class="progressbar_bottom_right_label">56% female</div>
    </div>

</div>


      </div>
      <div>
        

<div class="progress_bar_with_label space16">
    <div class="progress_bar_label weight-m">
      <div>Attendance</div>
      <div></div>
    </div>
    <div class="space8"></div>

  



  <div class="progressbar-container progressbar-container-lightblue collegecard-major-progressbar space8" style="flex-shrink: 1;">
      <div data-progress-target="segment"
        class="progressbar-progress progressbar-progress-primary"
        style="
          margin-left: 0.0%;
          width: 98.0%;
          
          
          
        ">&nbsp;</div>
  </div>




    <div class="progress_bar_label">
      <div class="progressbar_bottom_label">98% full-time</div>
      
      <div class="progressbar_bottom_right_label">2% part-time</div>
    </div>

</div>


      </div>
  </div>

  <div class="space16"></div>
  <div class="stacked-mobile two-col-mobile" style="">


    <div>
      <h6 class="space4">Residency</h6>
      
  <div class="pie-container">
<svg class="pie-chart pie-chart-text-tertiary" width="240" height="240" viewBox="0 0 240 240"  style="transform: rotate(-90deg)">
  <circle class="pie-empty-filler-circle" r="95" cx="120" cy="120" fill="transparent" stroke-width="50px"></circle>

    <circle stroke-linecap="" r="95" cx="120" cy="120" 
    class="pie-circle-1"
    fill="transparent" 
    stroke-dasharray="441.48px 155.12px"
    stroke-dashoffset="0"
    stroke-width="50px"></circle>
    <circle stroke-linecap="" r="95" cx="120" cy="120" 
    class="pie-circle-2"
    fill="transparent" 
    stroke-dasharray="41.76px 554.84px"
    stroke-dashoffset="-441.48"
    stroke-width="50px"></circle>
    <circle stroke-linecap="" r="95" cx="120" cy="120" 
    class="pie-circle-3"
    fill="transparent" 
    stroke-dasharray="113.35px 483.25px"
    stroke-dashoffset="-483.24"
    stroke-width="50px"></circle>
      
  <ul class="pie-legend">
      <li><span title="74" class="dot dot-brand-700 "></span><span class="text">In-state</span></li>
      <li><span title="7" class="dot dot-brand-500 "></span><span class="text">Out-state</span></li>
      <li><span title="19" class="dot dot-brand-200 "></span><span class="text">Foreign</span></li>
  </ul>
</svg>


  </div>

    </div>

    <div>
      <h6 class="space4">Ethnicity</h6>
      
  <div class="pie-container">
<svg class="pie-chart pie-chart-text-tertiary" width="240" height="240" viewBox="0 0 240 240"  style="transform: rotate(-90deg)">
  <circle class="pie-empty-filler-circle" r="95" cx="120" cy="120" fill="transparent" stroke-width="50px"></circle>

    <circle stroke-linecap="" r="95" cx="120" cy="120" 
    class="pie-circle-1"
    fill="transparent" 
    stroke-dasharray="77.56px 519.04px"
    stroke-dashoffset="0"
    stroke-width="50px"></circle>
    <circle stroke-linecap="" r="95" cx="120" cy="120" 
    class="pie-circle-2"
    fill="transparent" 
    stroke-dasharray="11.93px 584.67px"
    stroke-dashoffset="-77.56"
    stroke-width="50px"></circle>
    <circle stroke-linecap="" r="95" cx="120" cy="120" 
    class="pie-circle-3"
    fill="transparent" 
    stroke-dasharray="220.74px 375.86px"
    stroke-dashoffset="-89.49000000000001"
    stroke-width="50px"></circle>
    <circle stroke-linecap="" r="95" cx="120" cy="120" 
    class="pie-circle-4"
    fill="transparent" 
    stroke-dasharray="161.08px 435.52px"
    stroke-dashoffset="-310.23"
    stroke-width="50px"></circle>
    <circle stroke-linecap="" r="95" cx="120" cy="120" 
    class="pie-circle-5"
    fill="transparent" 
    stroke-dasharray="71.59px 525.01px"
    stroke-dashoffset="-471.31000000000006"
    stroke-width="50px"></circle>
    <circle stroke-linecap="" r="95" cx="120" cy="120" 
    class="pie-circle-6"
    fill="transparent" 
    stroke-dasharray="53.69px 542.91px"
    stroke-dashoffset="-542.9000000000001"
    stroke-width="50px"></circle>
      
  <ul class="pie-legend">
      <li><span title="13" class="dot dot-brand-700 "></span><span class="text">White</span></li>
      <li><span title="2" class="dot dot-brand-500 "></span><span class="text">Black</span></li>
      <li><span title="37" class="dot dot-brand-200 "></span><span class="text">Asian</span></li>
      <li><span title="27" class="dot dot-gray-200 "></span><span class="text">Latino</span></li>
      <li><span title="12" class="dot dot-gray-500 "></span><span class="text">Foreign</span></li>
      <li><span title="9" class="dot dot-gray-700 "></span><span class="text">Other</span></li>
  </ul>
</svg>


  </div>

    </div>
  </div>
</div>


<h3>Crime</h3>
<div class="grayframe space32">
  <div class="space32">
        
        <div class="badge badge-gray  space12" id="" style="margin: 0 12px 12px 0;">
          
            
            
            4-year, large size, mostly residential
            
            
      <span class="tippy-help-container" data-controller="tippy" data-tippy-content=">10,000 students | 50-80% undergrads live on campus" style="font-size: 1.0em;">
        <span style="font-size: 20px; " class="material-symbols-outlined "> help </span>
      </span>
    
        </div>
    
  </div>

  <div class="stacked-mobile two-col-mobile space32" style="">
      <div>
        

<div class="progress_bar_with_label space16">
    <div class="progress_bar_label weight-m">
      <div>On campus</div>
      <div></div>
    </div>
    <div class="space8"></div>

  



  <div class="progressbar-container  collegecard-major-progressbar space8" style="flex-shrink: 1;">
      <div data-progress-target="segment"
        class="progressbar-progress progressbar-progress-green"
        style="
          margin-left: 0.0%;
          width: 2%;
          
          
          
        ">&nbsp;</div>
  </div>




    <div class="progress_bar_label">
      <div class="progressbar_bottom_label">1.53 / 1,000 students (1.73 avg city: large)</div>
      
      <div class="progressbar_bottom_right_label"></div>
    </div>

</div>


      </div>
      <div>
        

<div class="progress_bar_with_label space16">
    <div class="progress_bar_label weight-m">
      <div>In residence halls</div>
      <div></div>
    </div>
    <div class="space8"></div>

  



  <div class="progressbar-container  collegecard-major-progressbar space8" style="flex-shrink: 1;">
      <div data-progress-target="segment"
        class="progressbar-progress progressbar-progress-primary"
        style="
          margin-left: 0.0%;
          width: 2%;
          
          
          
        ">&nbsp;</div>
  </div>




    <div class="progress_bar_label">
      <div class="progressbar_bottom_label">1.2 / 1,000 students (1.02 avg)</div>
      
      <div class="progressbar_bottom_right_label"></div>
    </div>

</div>


      </div>
  </div>
    <div class="space32 weight-r text-gray3 text-s" style="justify-content: flex-end; display: flex; gap: 16px"><div class=""><div style="" class="dot dot-m dot-green-500"></div> Good</div><div class=""><div style="" class="dot dot-m dot-orange-500"></div> Bad</div><div class=""><div style="" class="dot dot-m dot-fg-primary"></div> Average</div></div>

  <div class="stacked-mobile two-col-mobile" style="">
    <div>
      <h6 class="space4">On campus</h6>
      
  <div class="pie-container">
<svg class="pie-chart pie-chart-text-tertiary" width="240" height="240" viewBox="0 0 240 240"  style="transform: rotate(-90deg)">
  <circle class="pie-empty-filler-circle" r="95" cx="120" cy="120" fill="transparent" stroke-width="50px"></circle>

    <circle stroke-linecap="" r="95" cx="120" cy="120" 
    class="pie-circle-1"
    fill="transparent" 
    stroke-dasharray="117.44px 479.16px"
    stroke-dashoffset="0"
    stroke-width="50px"></circle>
    <circle stroke-linecap="" r="95" cx="120" cy="120" 
    class="pie-circle-2"
    fill="transparent" 
    stroke-dasharray="112.74px 483.86px"
    stroke-dashoffset="-117.44"
    stroke-width="50px"></circle>
    <circle stroke-linecap="" r="95" cx="120" cy="120" 
    class="pie-circle-3"
    fill="transparent" 
    stroke-dasharray="281.86px 314.74px"
    stroke-dashoffset="-230.18"
    stroke-width="50px"></circle>
    <circle stroke-linecap="" r="95" cx="120" cy="120" 
    class="pie-circle-4"
    fill="transparent" 
    stroke-dasharray="75.16px 521.44px"
    stroke-dashoffset="-512.04"
    stroke-width="50px"></circle>
    <circle stroke-linecap="" r="95" cx="120" cy="120" 
    class="pie-circle-5"
    fill="transparent" 
    stroke-dasharray="9.4px 587.2px"
    stroke-dashoffset="-587.1999999999999"
    stroke-width="50px"></circle>
      
  <ul class="pie-legend">
      <li><span title="25" class="dot dot-brand-700 "></span><span class="text">Burglary</span></li>
      <li><span title="24" class="dot dot-brand-500 "></span><span class="text">Rape</span></li>
      <li><span title="60" class="dot dot-brand-200 "></span><span class="text">Auto</span></li>
      <li><span title="16" class="dot dot-gray-200 "></span><span class="text">Fondling</span></li>
      <li><span title="2" class="dot dot-gray-500 "></span><span class="text">Assault</span></li>
  </ul>
</svg>


  </div>

    </div>

    <div>
      <h6 class="space4">In residence halls</h6>
      
  <div class="pie-container">
<svg class="pie-chart pie-chart-text-tertiary" width="240" height="240" viewBox="0 0 240 240"  style="transform: rotate(-90deg)">
  <circle class="pie-empty-filler-circle" r="95" cx="120" cy="120" fill="transparent" stroke-width="50px"></circle>

    <circle stroke-linecap="" r="95" cx="120" cy="120" 
    class="pie-circle-1"
    fill="transparent" 
    stroke-dasharray="103.41px 493.19px"
    stroke-dashoffset="0"
    stroke-width="50px"></circle>
    <circle stroke-linecap="" r="95" cx="120" cy="120" 
    class="pie-circle-2"
    fill="transparent" 
    stroke-dasharray="151.14px 445.46px"
    stroke-dashoffset="-103.41"
    stroke-width="50px"></circle>
    <circle stroke-linecap="" r="95" cx="120" cy="120" 
    class="pie-circle-3"
    fill="transparent" 
    stroke-dasharray="15.91px 580.69px"
    stroke-dashoffset="-254.54999999999998"
    stroke-width="50px"></circle>
    <circle stroke-linecap="" r="95" cx="120" cy="120" 
    class="pie-circle-4"
    fill="transparent" 
    stroke-dasharray="63.64px 532.96px"
    stroke-dashoffset="-270.46"
    stroke-width="50px"></circle>
    <circle stroke-linecap="" r="95" cx="120" cy="120" 
    class="pie-circle-5"
    fill="transparent" 
    stroke-dasharray="7.95px 588.65px"
    stroke-dashoffset="-334.09999999999997"
    stroke-width="50px"></circle>
    <circle stroke-linecap="" r="95" cx="120" cy="120" 
    class="pie-circle-6"
    fill="transparent" 
    stroke-dasharray="254.55px 342.05px"
    stroke-dashoffset="-342.04999999999995"
    stroke-width="50px"></circle>
      
  <ul class="pie-legend">
      <li><span title="13" class="dot dot-brand-700 "></span><span class="text">Burglary</span></li>
      <li><span title="19" class="dot dot-brand-500 "></span><span class="text">Rape</span></li>
      <li><span title="2" class="dot dot-brand-200 "></span><span class="text">Auto</span></li>
      <li><span title="8" class="dot dot-gray-200 "></span><span class="text">Fondling</span></li>
      <li><span title="1" class="dot dot-gray-500 "></span><span class="text">Assault</span></li>
      <li><span title="32" class="dot dot-gray-700 "></span><span class="text">Other</span></li>
  </ul>
</svg>


  </div>

    </div>
  </div>

</div>




<div class="">
  <h3>Programs</h3>
  <div class="grayframe space32">

      <div class="space12">
        
        <div class="badge badge-gray  space12" id="" style="margin: 0 12px 12px 0;">
          
            
            
            ROTC: Army, Air Force
            
            
        </div>
    
      </div>

      <div class="stacked-mobile stacked-mobile-outside">
        <h4>Study abroad opportunites</h4>
        <div class="bodytext">Yes</div>
      </div>
      <div class="stacked-mobile stacked-mobile-outside">
        <h4>Undergrad research/co-curricula</h4>
        <div class="bodytext">Yes</div>
      </div>
      <div class="stacked-mobile stacked-mobile-outside">
        <h4>Academic/career counseling</h4>
        <div class="bodytext">Yes</div>
      </div>
      <div class="stacked-mobile stacked-mobile-outside">
        <h4>Employment services for students</h4>
        <div class="bodytext">Yes</div>
      </div>
      <div class="stacked-mobile stacked-mobile-outside">
        <h4>Placement services for graduates</h4>
        <div class="bodytext">Yes</div>
      </div>
      <div class="stacked-mobile stacked-mobile-outside">
        <h4>Weekend/evening classes</h4>
        <div class="bodytext">No</div>
      </div>
      <div class="stacked-mobile stacked-mobile-outside">
        <h4>On-campus day care services</h4>
        <div class="bodytext">Yes</div>
      </div>
      <div class="stacked-mobile stacked-mobile-outside space48">
        <h4>Yellow Ribbon / GI Bill</h4>
        <div class="bodytext">Yes</div>
      </div>


      <div class="text-s weight-sb text-gray2">Distance education status</div>
      <div class="line12"></div>

      <table class="spaced-with-lines space32" cellspacing="0">
      <thead>
        <tr>
          <th colspan="">&nbsp;</th>
          <th colspan="">Undergrad</th>
          <th colspan="">Graduate </th>
          <th colspan="">Online only</th>
        </tr>
      </thead>
      <tbody>
          <tr class="padding-l">
            <td class="">Programs offered online?</td>
            <td>Yes</td>
            <td>Yes</td>
            <td>Yes</td>
          </tr>
      </tbody>
    </table>

    <div class="space32"></div>
  </div>

  <div class="stacked-mobile two-col-mobile" style="">
    <div>   
      <h6 class="space4">Undergrad</h6>
      
  <div class="pie-container">
<svg class="pie-chart pie-chart-text-tertiary" width="240" height="240" viewBox="0 0 240 240"  style="transform: rotate(-90deg)">
  <circle class="pie-empty-filler-circle" r="95" cx="120" cy="120" fill="transparent" stroke-width="50px"></circle>

    <circle stroke-linecap="" r="95" cx="120" cy="120" 
    class="pie-circle-1"
    fill="transparent" 
    stroke-dasharray="347.55px 249.05px"
    stroke-dashoffset="0"
    stroke-width="50px"></circle>
    <circle stroke-linecap="" r="95" cx="120" cy="120" 
    class="pie-circle-2"
    fill="transparent" 
    stroke-dasharray="242.06px 354.54px"
    stroke-dashoffset="-347.55"
    stroke-width="50px"></circle>
    <circle stroke-linecap="" r="95" cx="120" cy="120" 
    class="pie-circle-3"
    fill="transparent" 
    stroke-dasharray="6.98px 589.62px"
    stroke-dashoffset="-589.61"
    stroke-width="50px"></circle>
      
  <ul class="pie-legend">
      <li><span title="58.25" class="dot dot-brand-700 "></span><span class="text">In person</span></li>
      <li><span title="40.57" class="dot dot-brand-500 "></span><span class="text">Mix of both</span></li>
      <li><span title="1.17" class="dot dot-brand-200 "></span><span class="text">All online</span></li>
  </ul>
</svg>


  </div>

    </div>

    <div> 
      <h6 class="space4">Graduate</h6>
      
  <div class="pie-container">
<svg class="pie-chart pie-chart-text-tertiary" width="240" height="240" viewBox="0 0 240 240"  style="transform: rotate(-90deg)">
  <circle class="pie-empty-filler-circle" r="95" cx="120" cy="120" fill="transparent" stroke-width="50px"></circle>

    <circle stroke-linecap="" r="95" cx="120" cy="120" 
    class="pie-circle-1"
    fill="transparent" 
    stroke-dasharray="347.55px 249.05px"
    stroke-dashoffset="0"
    stroke-width="50px"></circle>
    <circle stroke-linecap="" r="95" cx="120" cy="120" 
    class="pie-circle-2"
    fill="transparent" 
    stroke-dasharray="242.06px 354.54px"
    stroke-dashoffset="-347.55"
    stroke-width="50px"></circle>
    <circle stroke-linecap="" r="95" cx="120" cy="120" 
    class="pie-circle-3"
    fill="transparent" 
    stroke-dasharray="6.98px 589.62px"
    stroke-dashoffset="-589.61"
    stroke-width="50px"></circle>
      
  <ul class="pie-legend">
      <li><span title="58.25" class="dot dot-brand-700 "></span><span class="text">In person</span></li>
      <li><span title="40.57" class="dot dot-brand-500 "></span><span class="text">Mix of both</span></li>
      <li><span title="1.17" class="dot dot-brand-200 "></span><span class="text">All online</span></li>
  </ul>
</svg>


  </div>

    </div>
  </div> 


</div>
</template></turbo-stream>