diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..7a73a41
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,2 @@
+{
+}
\ No newline at end of file
diff --git a/frontend/main/src/app/insight/insight.component.html b/frontend/main/src/app/insight/insight.component.html
index e38985b..ba3ab9d 100644
--- a/frontend/main/src/app/insight/insight.component.html
+++ b/frontend/main/src/app/insight/insight.component.html
@@ -1 +1,283 @@
-<p>insight works!</p>
+<div class="row">
+    <div class="col-lg-3 col-6">
+
+        <div class="small-box bg-gray">
+            <div class="inner">
+                <h3>4</h3>
+                <p>New Orders</p>
+            </div>
+            <div class="icon">
+                <i class="ion ion-bag"></i>
+            </div>
+            <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
+        </div>
+    </div>
+
+    <div class="col-lg-3 col-6">
+
+        <div class="small-box bg-lightgray">
+            <div class="inner">
+                <h3>12<sup style="font-size: 20px">%</sup></h3>
+                <p>Bounce Rate</p>
+            </div>
+            <div class="icon">
+                <i class="ion ion-stats-bars"></i>
+            </div>
+            <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
+        </div>
+    </div>
+
+    <div class="col-lg-3 col-6">
+
+        <div class="small-box bg-lightgray">
+            <div class="inner">
+                <h3>4</h3>
+                <p>User Registrations</p>
+            </div>
+            <div class="icon">
+                <i class="ion ion-person-add"></i>
+            </div>
+            <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
+        </div>
+    </div>
+
+    <div class="col-lg-3 col-6">
+
+        <div class="small-box bg-lightgray">
+            <div class="inner">
+                <h3>15</h3>
+                <p>Visitors</p>
+            </div>
+            <div class="icon">
+                <i class="ion ion-pie-graph"></i>
+            </div>
+            <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
+        </div>
+    </div>
+
+</div>
+
+<div class="card bg-gradient-aliceblue">
+    <div class="card-header border-0 ui-sortable-handle" style="cursor: move;">
+        <h3 class="card-title">
+            <i class="far fa-calendar-alt"></i>
+            Calendar
+        </h3>
+
+        <div class="card-tools">
+
+
+            <button type="button" class="btn btn-ligthgray btn-sm" data-card-widget="collapse">
+                <i class="fas fa-minus"></i>
+            </button>
+            <button type="button" class="btn btn-ligthgray btn-sm" data-card-widget="remove">
+                <i class="fas fa-times"></i>
+            </button>
+        </div>
+
+    </div>
+
+    <div class="card-body pt-0">
+
+        <div id="calendar" style="width: 100%">
+            <div class="bootstrap-datetimepicker-widget usetwentyfour">
+                <ul class="list-unstyled">
+                    <li class="show">
+                        <div class="datepicker">
+                            <div class="datepicker-days" style>
+                                <table class="table table-sm">
+                                    <thead>
+                                        <tr>
+                                            <th class="prev" data-action="previous"><span class="fa fa-chevron-left"
+                                                    title="Previous Month"></span></th>
+                                            <th class="picker-switch" data-action="pickerSwitch" colspan="5"
+                                                title="Select Month">September 2022</th>
+                                            <th class="next" data-action="next"><span class="fa fa-chevron-right"
+                                                    title="Next Month"></span></th>
+                                        </tr>
+                                        <tr>
+                                            <th class="dow">Su</th>
+                                            <th class="dow">Mo</th>
+                                            <th class="dow">Tu</th>
+                                            <th class="dow">We</th>
+                                            <th class="dow">Th</th>
+                                            <th class="dow">Fr</th>
+                                            <th class="dow">Sa</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        <tr>
+                                            <td data-action="selectDay" data-day="08/28/2022" class="day old weekend">28
+                                            </td>
+                                            <td data-action="selectDay" data-day="08/29/2022" class="day old">29</td>
+                                            <td data-action="selectDay" data-day="08/30/2022" class="day old">30</td>
+                                            <td data-action="selectDay" data-day="08/31/2022" class="day old">31</td>
+                                            <td data-action="selectDay" data-day="09/01/2022" class="day">1</td>
+                                            <td data-action="selectDay" data-day="09/02/2022" class="day">2</td>
+                                            <td data-action="selectDay" data-day="09/03/2022" class="day weekend">3</td>
+                                        </tr>
+                                        <tr>
+                                            <td data-action="selectDay" data-day="09/04/2022" class="day weekend">4</td>
+                                            <td data-action="selectDay" data-day="09/05/2022" class="day">5</td>
+                                            <td data-action="selectDay" data-day="09/06/2022" class="day">6</td>
+                                            <td data-action="selectDay" data-day="09/07/2022" class="day active today">7
+                                            </td>
+                                            <td data-action="selectDay" data-day="09/08/2022" class="day">8</td>
+                                            <td data-action="selectDay" data-day="09/09/2022" class="day">9</td>
+                                            <td data-action="selectDay" data-day="09/10/2022" class="day weekend">10
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td data-action="selectDay" data-day="09/11/2022" class="day weekend">11
+                                            </td>
+                                            <td data-action="selectDay" data-day="09/12/2022" class="day">12</td>
+                                            <td data-action="selectDay" data-day="09/13/2022" class="day">13</td>
+                                            <td data-action="selectDay" data-day="09/14/2022" class="day">14</td>
+                                            <td data-action="selectDay" data-day="09/15/2022" class="day">15</td>
+                                            <td data-action="selectDay" data-day="09/16/2022" class="day">16</td>
+                                            <td data-action="selectDay" data-day="09/17/2022" class="day weekend">17
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td data-action="selectDay" data-day="09/18/2022" class="day weekend">18
+                                            </td>
+                                            <td data-action="selectDay" data-day="09/19/2022" class="day">19</td>
+                                            <td data-action="selectDay" data-day="09/20/2022" class="day">20</td>
+                                            <td data-action="selectDay" data-day="09/21/2022" class="day">21</td>
+                                            <td data-action="selectDay" data-day="09/22/2022" class="day">22</td>
+                                            <td data-action="selectDay" data-day="09/23/2022" class="day">23</td>
+                                            <td data-action="selectDay" data-day="09/24/2022" class="day weekend">24
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td data-action="selectDay" data-day="09/25/2022" class="day weekend">25
+                                            </td>
+                                            <td data-action="selectDay" data-day="09/26/2022" class="day">26</td>
+                                            <td data-action="selectDay" data-day="09/27/2022" class="day">27</td>
+                                            <td data-action="selectDay" data-day="09/28/2022" class="day">28</td>
+                                            <td data-action="selectDay" data-day="09/29/2022" class="day">29</td>
+                                            <td data-action="selectDay" data-day="09/30/2022" class="day">30</td>
+                                            <td data-action="selectDay" data-day="10/01/2022" class="day new weekend">1
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td data-action="selectDay" data-day="10/02/2022" class="day new weekend">2
+                                            </td>
+                                            <td data-action="selectDay" data-day="10/03/2022" class="day new">3</td>
+                                            <td data-action="selectDay" data-day="10/04/2022" class="day new">4</td>
+                                            <td data-action="selectDay" data-day="10/05/2022" class="day new">5</td>
+                                            <td data-action="selectDay" data-day="10/06/2022" class="day new">6</td>
+                                            <td data-action="selectDay" data-day="10/07/2022" class="day new">7</td>
+                                            <td data-action="selectDay" data-day="10/08/2022" class="day new weekend">8
+                                            </td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                            <div class="datepicker-months" style="display: none;">
+                                <table class="table-condensed">
+                                    <thead>
+                                        <tr>
+                                            <th class="prev" data-action="previous"><span class="fa fa-chevron-left"
+                                                    title="Previous Year"></span></th>
+                                            <th class="picker-switch" data-action="pickerSwitch" colspan="5"
+                                                title="Select Year">2022</th>
+                                            <th class="next" data-action="next"><span class="fa fa-chevron-right"
+                                                    title="Next Year"></span></th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        <tr>
+                                            <td colspan="7"><span data-action="selectMonth"
+                                                    class="month">Jan</span><span data-action="selectMonth"
+                                                    class="month">Feb</span><span data-action="selectMonth"
+                                                    class="month">Mar</span><span data-action="selectMonth"
+                                                    class="month">Apr</span><span data-action="selectMonth"
+                                                    class="month">May</span><span data-action="selectMonth"
+                                                    class="month">Jun</span><span data-action="selectMonth"
+                                                    class="month">Jul</span><span data-action="selectMonth"
+                                                    class="month">Aug</span><span data-action="selectMonth"
+                                                    class="month active">Sep</span><span data-action="selectMonth"
+                                                    class="month">Oct</span><span data-action="selectMonth"
+                                                    class="month">Nov</span><span data-action="selectMonth"
+                                                    class="month">Dec</span></td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                            <div class="datepicker-years" style="display: none;">
+                                <table class="table-condensed">
+                                    <thead>
+                                        <tr>
+                                            <th class="prev" data-action="previous"><span class="fa fa-chevron-left"
+                                                    title="Previous Decade"></span></th>
+                                            <th class="picker-switch" data-action="pickerSwitch" colspan="5"
+                                                title="Select Decade">2020-2029</th>
+                                            <th class="next" data-action="next"><span class="fa fa-chevron-right"
+                                                    title="Next Decade"></span></th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        <tr>
+                                            <td colspan="7"><span data-action="selectYear"
+                                                    class="year old">2019</span><span data-action="selectYear"
+                                                    class="year">2020</span><span data-action="selectYear"
+                                                    class="year">2021</span><span data-action="selectYear"
+                                                    class="year active">2022</span><span data-action="selectYear"
+                                                    class="year">2023</span><span data-action="selectYear"
+                                                    class="year">2024</span><span data-action="selectYear"
+                                                    class="year">2025</span><span data-action="selectYear"
+                                                    class="year">2026</span><span data-action="selectYear"
+                                                    class="year">2027</span><span data-action="selectYear"
+                                                    class="year">2028</span><span data-action="selectYear"
+                                                    class="year">2029</span><span data-action="selectYear"
+                                                    class="year old">2030</span></td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                            <div class="datepicker-decades" style="display: none;">
+                                <table class="table-condensed">
+                                    <thead>
+                                        <tr>
+                                            <th class="prev" data-action="previous"><span class="fa fa-chevron-left"
+                                                    title="Previous Century"></span></th>
+                                            <th class="picker-switch" data-action="pickerSwitch" colspan="5">2000-2090
+                                            </th>
+                                            <th class="next" data-action="next"><span class="fa fa-chevron-right"
+                                                    title="Next Century"></span></th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        <tr>
+                                            <td colspan="7"><span data-action="selectDecade" class="decade old"
+                                                    data-selection="2006">1990</span><span data-action="selectDecade"
+                                                    class="decade" data-selection="2006">2000</span><span
+                                                    data-action="selectDecade" class="decade"
+                                                    data-selection="2016">2010</span><span data-action="selectDecade"
+                                                    class="decade active" data-selection="2026">2020</span><span
+                                                    data-action="selectDecade" class="decade"
+                                                    data-selection="2036">2030</span><span data-action="selectDecade"
+                                                    class="decade" data-selection="2046">2040</span><span
+                                                    data-action="selectDecade" class="decade"
+                                                    data-selection="2056">2050</span><span data-action="selectDecade"
+                                                    class="decade" data-selection="2066">2060</span><span
+                                                    data-action="selectDecade" class="decade"
+                                                    data-selection="2076">2070</span><span data-action="selectDecade"
+                                                    class="decade" data-selection="2086">2080</span><span
+                                                    data-action="selectDecade" class="decade"
+                                                    data-selection="2096">2090</span><span data-action="selectDecade"
+                                                    class="decade old" data-selection="2106">2100</span></td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </div>
+                    </li>
+                    <li class="picker-switch accordion-toggle"></li>
+                </ul>
+            </div>
+        </div>
+    </div>
+
+</div>
\ No newline at end of file
diff --git a/frontend/main/src/app/packreg/packreg.component.html b/frontend/main/src/app/packreg/packreg.component.html
index ed9ef16..a354ee1 100644
--- a/frontend/main/src/app/packreg/packreg.component.html
+++ b/frontend/main/src/app/packreg/packreg.component.html
@@ -4,12 +4,13 @@
         <th>Origem</th>
         <th>Destino</th>
         <th>Dimensões</th>
-       
+
 
     </thead>
     <tbody>
         <tr>
 
+           
             <td><input type="text" [(ngModel)]="cd"></td>
             <td><input type="text" [(ngModel)]="origem"></td>
             <td><input type="text" [(ngModel)]="destino"></td>
@@ -41,8 +42,26 @@
             <td>{{register.origem}}</td>
             <td>{{register.destino}}</td>
             <td>{{register.dimensao}}</td>
-            <td><button class="btn btn-danger mr-2" (click)="deletar(i)">Excluir pedido</button> 
-                <button class="btn btn-primary mr-2" (click)="deletar(i)">Alterar pedido</button></td>
+            <td><button class="btn btn-danger mr-2" (click)="deletar(i)">Excluir pedido</button>
+                <button class="btn btn-primary mr-2" (click)="deletar(i)">Alterar pedido</button>
+            </td>
         </tr>
     </tbody>
 </table>
+
+<!-- <select class="form-control select2bs4 select2-hidden-accessible" style="width: 100%;" data-select2-id="17"
+tabindex="-1" aria-hidden="true">
+<option selected="selected" data-select2-id="19"></option>
+<option data-select2-id="35">Total Express</option>
+<option data-select2-id="36">Jadlog</option>
+<option data-select2-id="37">Braspress</option>
+<option data-select2-id="38">Correios</option>
+</select><span class="select2 select2-container select2-container--bootstrap4 select2-container--above"
+dir="ltr" data-select2-id="18" style="width: 100%;"><span class="selection"><span
+        class="select2-selection select2-selection--single" role="combobox" aria-haspopup="true"
+        aria-expanded="false" tabindex="0" aria-disabled="false"
+        aria-labelledby="select2-ymhy-container"><span class="select2-selection__rendered"
+            id="select2-ymhy-container" role="textbox" aria-readonly="true"
+            title="Cd"></span><span class="select2-selection__arrow" role="presentation"><b
+                role="presentation"></b></span></span></span><span class="dropdown-wrapper"
+    aria-hidden="true"></span></span> -->
\ No newline at end of file
diff --git a/frontend/main/src/app/packreg/packreg.component.ts b/frontend/main/src/app/packreg/packreg.component.ts
index c04f7e7..14017ec 100644
--- a/frontend/main/src/app/packreg/packreg.component.ts
+++ b/frontend/main/src/app/packreg/packreg.component.ts
@@ -27,7 +27,7 @@ dimensao!:string
   adicionar(){
     if(this.cd){
       this.registers.push({cd:this.cd, origem:this.origem, destino:this.destino, dimensao:this.dimensao})
-      this.cd ="" 
+      this.cd = "" 
       this.origem=""
       this.destino=""   
       this.dimensao=""