Estamos, verificacion de three year

app/controllers/ThreeYearPlanController.php

@@ -643,6 +643,92 @@ class ThreeYearPlanController extends \BaseController
     }
     return 'update succes?';
   }
+
+  public function verifyAndCreate($program_id)
+  {
+
+    $typ_id = Input::get("typ_id");
+
+    $typ_program_id = DB::table('typ_program')
+      ->where('three_year_plan_id', $typ_id)
+      ->where('program_id', $program_id)
+      ->first();
+
+    $information_thats_missing = [];
+
+    $objectives_missing = DB::table('typ_semester_outcome')
+      ->leftJoin("typ_semester_objectives", 'typ_semester_objectives.typ_semester_outcome_id', '=', 'typ_semester_outcome.id')
+      ->join('semesters', 'semesters.id', '=', 'typ_semester_outcome.semester_id')
+      ->join('outcomes', 'outcomes.id', '=', 'typ_semester_outcome.outcome_id')
+      ->where('typ_program_id', $typ_program_id->id)
+      ->whereNull('typ_semester_objectives.id')
+      ->select('semesters.id as semester_id', 'semesters.name as semester_name', 'semesters.code', 'outcomes.name as outcome_name', 'outcomes.id as outcome_id')
+      ->get();
+
+    if (count($objectives_missing) != 0) {
+
+      $objective_array = [];
+
+      foreach ($objectives_missing as $ob) {
+        if (!isset($objective_array[$ob->semester_id])) {
+          $objective_array[$ob->semester_id] = array(
+            'semester_name' => $ob->semester_name . ' (' . $ob->code . ') ',
+            'outcome_text' => [],
+
+          );
+        }
+        $objective_array[$ob->semester_id]['outcome_text'][] = $ob->outcome_name;
+      }
+
+      $information_thats_missing['objectives_missing'] = $objective_array;
+    }
+
+    $courses_missing = DB::table('typ_semester_outcome')
+      ->join('typ_semester_objectives', 'typ_semester_objectives.typ_semester_outcome_id', '=', 'typ_semester_outcome.id')
+      ->leftJoin('typ_semester_courses', 'typ_semester_courses.typ_semester_objective_id', '=', 'typ_semester_objectives.id')
+      ->join('objectives', 'typ_semester_objectives.objective_id', '=', 'objectives.id')
+      ->join('outcomes', 'typ_semester_outcome.outcome_id', '=', 'outcomes.id')
+      ->join('semesters', 'typ_semester_outcome.semester_id', '=', 'semesters.id')
+
+      ->where('typ_program_id', $typ_program_id->id)
+      ->whereNull('typ_semester_courses.id')
+      ->select('objectives.id as objective_id', 'objectives.text as objective_text')
+      ->addSelect('outcomes.id as outcome_id', 'outcomes.name as outcome_name')
+      ->addSelect('semesters.id as semester_id', 'semesters.name as semester_name', 'semesters.code as semester_code')
+      ->get();
+
+    if (count($courses_missing) != 0) {
+
+      $courses_array = [];
+
+      foreach ($courses_missing as $co) {
+        if (!isset($courses_array[$co->semester_id])) {
+          $courses_array[$co->semester_id] = array(
+            'semester_name' => $co->semester_name . ' (' . $co->semester_code . ') ',
+            'outcomes' => []
+
+
+
+          );
+        }
+        if (!isset($courses_array[$co->semester_id]['outcomes'][$co->outcome_id])) {
+          $courses_array[$co->semester_id]['outcomes'][$co->outcome_id] = array(
+            'outcome_name' => $co->outcome_name,
+            'objectives' => []
+          );
+        }
+
+        $courses_array[$co->semester_id]['outcomes'][$co->outcome_id]['objectives'][] = $co->objective_text;
+      }
+      $information_thats_missing['courses_missing'] = $courses_array;
+    }
+
+    if (count($information_thats_missing) != 0) {
+      return $information_thats_missing;
+    } else {
+      $this->createAnnualPlan($program_id);
+    }
+  }
   public function createAnnualPlan($program_id)
   {
     $input_id =  Input::get('typ_id');

app/routes.php

@@ -541,7 +541,9 @@ Route::group(array('before' => 'auth|has_access'), function () {
         Route::post('typ/getObjectives', array('before' => 'csrf', 'uses' => 'ThreeYearPlanController@getObjectivesForTYP'));
         Route::post('typ/updateOutcomeSemsters', array('before' => 'csrf', 'uses' => 'ThreeYearPlanController@typ_update_outcomes_semesters'));
         Route::post('typ/update', array('before' => 'csrf', 'uses' => 'ThreeYearPlanController@update_typ_outcomes_semesters'));
+
         Route::post('createAnnualPlan/{program_id}', array('before' => 'csrf', 'uses' => 'ThreeYearPlanController@createAnnualPlan'));
+        Route::post('verifyAndCreate/{program_id}', array('before' => 'csrf', 'uses' => 'ThreeYearPlanController@verifyAndCreate'));
     });
 
 
@@ -662,6 +664,7 @@ Route::group(array('before' => 'auth|has_access'), function () {
         Route::post('typ/updateOutcomeSemsters', array('before' => 'csrf', 'uses' => 'ThreeYearPlanController@typ_update_outcomes_semesters'));
         Route::post('typ/update', array('before' => 'csrf', 'uses' => 'ThreeYearPlanController@update_typ_outcomes_semesters'));
         Route::post('createAnnualPlan/{program_id}', array('before' => 'csrf', 'uses' => 'ThreeYearPlanController@createAnnualPlan'));
+        Route::post('verifyAndCreate/{program_id}', array('before' => 'csrf', 'uses' => 'ThreeYearPlanController@verifyAndCreate'));
     });
 
 

app/views/global/view-three-year-plan.blade.php

@@ -309,6 +309,24 @@
             </div>
         </div>
 
+        <div id="VerifyModal" class="modal fade" tabindex="-1" data-criterion-id="0">
+            <div class="modal-dialog">
+                <div class="modal-content">
+                    <div class="modal-header" style="background-color: rgba(247, 83, 6, 0.817)">
+                        <h5 class="modal-title">There is some information missing</h5>
+                        <button type="button" class="close" data-dismiss="modal">&times;</button>
+                    </div>
+                    <div class="modal-body" id = "VerifyBody">
+
+                    </div>
+                    <div class="modal-footer">
+                        <button type="button" class="btn btn-secondary" data-dismiss="modal" >Ok</button>
+                        
+                    </div>
+                </div>
+            </div>
+        </div>
+
     </div>
     <script>
         $(document).ready(function() {
@@ -425,13 +443,63 @@
             $('.go-to-temp').on('click', function() {
                 typ_id =$('#table-cycles').data('typ-id');
                 $.post(
-                    "{{ URL::action('ThreeYearPlanController@createAnnualPlan', [$program_id]) }}", {
+                    "{{ URL::action('ThreeYearPlanController@verifyAndCreate', [$program_id]) }}", {
                         typ_id: typ_id
                     },
-                    function() {
+                    function(informationMissing) {
+
+                        if(informationMissing.length == 0){
                         
                         window.open("{{ URL::action('ThreeYearPlanController@printPlan', [$program_id]) }}"+"/"+typ_id+"/1", '_blank');
                         $('#SubmitModal').modal('show');
+                        }
+                        else{
+                            $("#VerifyBody").html('<h3>These are the fields that are missing</h3>');
+
+                            if(informationMissing.objectives_missing !== undefined){
+                                $("#VerifyBody").append("<h4>These Outcomes need Objectives paired.</h4>")
+                                
+                                $.each(informationMissing.objectives_missing, function(ob_id, semester_object){
+                                    name = "<h5>"+semester_object.semester_name+"</h5>";
+                          
+                                    ul = $('<ul>');
+
+                                    $.each(semester_object.outcome_text, function(ind, outcome){
+                                        li = $('<li>').html(outcome)
+                                        ul.append(li);
+                                    })
+                                    $('#VerifyBody').append(name);
+                                    $("#VerifyBody").append(ul);
+                                });
+                            }
+                            if(informationMissing.courses_missing !== undefined){
+                                $("#VerifyBody").append("<h4>These Objectives need Courses. </h4>")
+                                
+                                $.each(informationMissing.courses_missing, function(ob_id, semester_object){
+                                    name = "<h5>" + semester_object.semester_name +"</h5>";
+                                    ul = $('<ul>');
+
+                                    $.each(semester_object.outcomes, function(ind, outcome){
+                                        li = $('<li>').html(outcome.outcome_name);
+                                        
+                                        nested_ul = $('<ul>');
+                                        $.each(outcome.objectives, function(ind, ob){
+                                            nested_li = $("<li>").html(ob);
+                                            nested_ul.append(nested_li);
+                                        });
+                                        li.append(nested_ul);
+                                        
+
+                                        ul.append(li);
+                                    })
+                                    $('#VerifyBody').append(name);
+                                    $("#VerifyBody").append(ul);
+                                });
+                            }
+
+                            $("#VerifyModal").modal('show');
+
+                        }
                        // window.location.href = "{{ URL::action('AnnualPlansController@showPlan', [$program_id]) }}";
                             
 
@@ -890,6 +958,8 @@
 
             var options_values = $(this).parent().find('select').val().split('-');
 
+            var ob_selector = $(this).parent();
+
             //if == 3 then we are in the objective selector
             if (options_values.length == 3) {
 
@@ -905,7 +975,7 @@
                 //variable that holds value of wether the objective-selector-0 is hidden or not
                 var objective_selector_0_hidden = $(this).parent().parent().find('.objective-selector-0').is(
                     ':hidden');
-
+                /*
                 if (count_objective_selectors_total == 1 || (count_objective_selectors_total == 2 &&
                         objective_selector_0_hidden)) {
                     //if there is only one objective-selector,throw an alert and do nothing
@@ -918,7 +988,7 @@
 
 
                     return true;
-                }
+                }*/
                 //subtract 1 from count_objective_selectors_total
 
                 var typ_id = $('#table-cycles').data('typ-id');
@@ -976,7 +1046,7 @@
                 var objective_selector_0_hidden = $(this).parent().parent().find('.objective-selector-0').is(
                     ':hidden');
 
-                if (count_objective_selectors_total == 1 || (count_objective_selectors_total == 2 &&
+                /*if (count_objective_selectors_total == 1 || (count_objective_selectors_total == 2 &&
                         objective_selector_0_hidden)) {
                     //if there is only one objective-selector,throw an alert and do nothing
 
@@ -985,7 +1055,7 @@
                         '<div class="alert alert-danger alert-dismissible" role="alert"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button> <strong>Warning!</strong>You must have at least one Course </div>'
                     );
                     return true;
-                }
+                }*/
                 //subtract 1 from count_objective_selectors_total
 
                 var typ_id = $('#table-cycles').data('typ-id');
@@ -1004,7 +1074,8 @@
                         outcome_id: (outcome_id),
                         semester_id: (semester_id),
                         objective_id: (objective_id),
-                        new_course_id: (new_course_id)
+                        new_course_id: (new_course_id),
+                        program_id:{{$program_id}}
                     },
                     function(data) {
                         //

app/views/three_year_plan_htmls/16-11-2022-for-1045-by-5478.blade.php

@@ -0,0 +1,697 @@
+<html><head></head><body id="theDocument"><style type="text/css">
+    body
+    {
+        font-family: "Arial", sans-serif;
+        width:90%;
+        margin: 0 auto;
+    }
+    .header-text
+    {
+        text-align:center;
+        font-weight: bold;
+        margin:0;
+    }
+
+    h1.header-text
+    {
+      margin: 15px auto;
+      width:75%;
+      font-size: 25px;
+    }
+
+    table
+    {
+        border-collapse: collapse;
+        border: 1px solid black;
+        width: 100%;
+        margin: 30px auto;
+        font-size:1.5vw;
+    }
+    td, th
+    {
+        border: 1px solid black;
+        padding: 5px;
+    }
+
+    .activity-name-row
+    {
+      background:black;
+      color:white;
+    }
+
+    .activity-headers-row
+    {
+      background:lightgrey;
+      font-weight:bold;
+    }
+
+    .report-info
+    {
+      margin:5px 0;
+      font-size: 16px;
+    }
+
+    .criterion-field
+    {
+      text-align:left;
+    }
+
+    .score-field, .total, .percentage
+    {
+      text-align:center;
+    }
+
+    .header
+    {
+      margin: 30px 0;
+    }
+
+    .content
+    {
+      font-size: 12px;
+    }
+
+    .logo
+    {
+      position:absolute;
+      right:0;
+      top: 30px;
+      width: 100px;
+    }
+
+    ol{
+      list-style-type:none;
+    }
+
+    @media print{@page {size: landscape}}
+</style><style type="text/css" media="print">
+	  @page { size: landscape; }
+	</style><img class="logo" src="http://localhost:8000/images/logo_uprrp_bw.png" alt="UPRRP Logo">
+
+<div class="header">
+    <p class="header-text">University of Puerto Rico, Río Piedras Campus</p>
+    <p class="header-text">Online Learning Assessment System</p>
+
+    <h1 class="header-text">Three Year Plan for Programa general de Prueba from 2022 to
+        2025</h1>
+</div>
+
+
+
+    <br>
+    <br>
+    <h2 class='header-text'>First Semester 2022-2023</h2>
+    <br>
+                  <span>
+            <h3>Content Knowledge, Skills or Dispositions in the academic program learning outcomes</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. Pero te la saco
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[INGL3151] CONDIC HUMANA EN LITE I   </li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                                    <tr>
+
+                        <td>
+                            2. MEra wo vamos a ver
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[INGL3151] CONDIC HUMANA EN LITE I   </li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                    <br>
+    <br>
+    <h2 class='header-text'>Second Semester 2022-2023</h2>
+    <br>
+                  <span>
+            <h3>Critical Thinking</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. MEra wo vamos a ver
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[INGL3212] INGLES AVANZADO II</li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                              <span>
+            <h3>Content Knowledge, Skills or Dispositions in the academic program learning outcomes</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. MEra wo vamos a ver
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[INGL3151] CONDIC HUMANA EN LITE I   </li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                    <br>
+    <br>
+    <h2 class='header-text'>First Semester 2023-2024</h2>
+    <br>
+                  <span>
+            <h3>Critical Thinking</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. MEra wo vamos a ver
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[INGL3297] LIT DE MUJE MINO ETNI E.U.</li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                              <span>
+            <h3>Effective Communication Skills</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. MEra wo vamos a ver
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[INGL3211] INGLES AVANZADO I         </li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                              <span>
+            <h3>Information Literacy</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. MEra wo vamos a ver
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[INGL3152] CONDIC HUMANA EN LITE II</li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                                    <tr>
+
+                        <td>
+                            2. Pero te la saco
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[INGL3012] INGLES DE HONOR II</li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                    <br>
+    <br>
+    <h2 class='header-text'>Second Semester 2023-2024</h2>
+    <br>
+                  <span>
+            <h3>Effective Communication Skills</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. MEra wo vamos a ver
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[INGL3211] INGLES AVANZADO I         </li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                              <span>
+            <h3>Information Literacy</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. MEra wo vamos a ver
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[INGL3297] LIT DE MUJE MINO ETNI E.U.</li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                                    <tr>
+
+                        <td>
+                            2. Pero te la saco
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[INGL3211] INGLES AVANZADO I         </li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                              <span>
+            <h3>Logical-mathematical reasoning </h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. MEra wo vamos a ver
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[INGL3297] LIT DE MUJE MINO ETNI E.U.</li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                              <span>
+            <h3>Research and Creation</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. MEra wo vamos a ver
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[INGL3151] CONDIC HUMANA EN LITE I   </li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                                    <tr>
+
+                        <td>
+                            2. Pero te la saco
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[INGL3297] LIT DE MUJE MINO ETNI E.U.</li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                    <br>
+    <br>
+    <h2 class='header-text'>First Semester 2024-2025</h2>
+    <br>
+                  <span>
+            <h3>Research and Creation</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. MEra wo vamos a ver
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[INGL3151] CONDIC HUMANA EN LITE I   </li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                                    <tr>
+
+                        <td>
+                            2. Pero te la saco
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[INGL3151] CONDIC HUMANA EN LITE I   </li>
+                                                                    <li>[INGL3135] VIAJE EN LA LITERATURA    </li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                              <span>
+            <h3>Logical-mathematical reasoning </h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. MEra wo vamos a ver
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[TEST5998] Curso de Pruba pa general</li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                              <span>
+            <h3>Social Responsibility</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. MEra wo vamos a ver
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[INGL3135] VIAJE EN LA LITERATURA    </li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                              <span>
+            <h3>Technology</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. MEra wo vamos a ver
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[INGL3152] CONDIC HUMANA EN LITE II</li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                    <br>
+    <br>
+    <h2 class='header-text'>Second Semester 2024-2025</h2>
+    <br>
+                  <span>
+            <h3>Social Responsibility</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. Pero te la saco
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[INGL3212] INGLES AVANZADO II</li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                              <span>
+            <h3>Technology</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. MEra wo vamos a ver
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[INGL3135] VIAJE EN LA LITERATURA    </li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                 
+
+
+</body></html>
+
+
+<script>
+
+  
+    
+  
+
+
+  </script>
+
+