<style> /* table styles */ #table-case table{ border-collapse: collapse; background-color: transparent; } #table-case-title{ color: white; } .table-case-sub{ font-weight: bold; } #table-case td, th { border: 1px solid #C6CBD4; } th { font-size: 1em; text-transform: uppercase; background-color: #2E3192; } td { text-align: center; font-family: "Roboto", sans-serif; } /* table styles end */ /*subpicker styles */ #subpickr .nav-item{ text-transform: uppercase; font-family: "Poppins", sans-serif; } .nav-tabs #subpickr { border-bottom: 1px solid #dee2e6; } /*make padding inside cells smaller .table td { padding: 0.43rem; } */</style> <div class="container"> <ul class="nav nav-tabs" id="subpickr"> <li class="nav-item"> <a class="nav-link active" href="#">Ángulos</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Soleras</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Cuadrados y Redondos Cold Rolled</a> </li> <li class="nav-item"> <a class="nav-link disabled" href="#">Semiflecha</a> </li> <li class="nav-item"> <a class="nav-link disabled" href="#">Vigas IPR e IPS</a> </li> <li class="nav-item"> <a class="nav-link disabled" href="#">Canal CPS</a> </li> <li class="nav-item"> <a class="nav-link disabled" href="#">PTR</a> </li> <li class="nav-item"> <a class="nav-link disabled" href="#">HSS</a> </li> <li class="nav-item"> <a class="nav-link disabled" href="#">Polín Mon Ten</a> </li> <li class="nav-item"> <a class="nav-link disabled" href="#">Tubo Estructural Ced. 30 / 40 /80</a> </li> </ul> <div class="row"> <div class="col-md-12"> <img src="" alt=""> <h1>Angulos</h1> <br> <img class="img-fluid" width="60%" src="https://acerostrevino.com.mx/wp-content/uploads/2018/03/piezasdeAcero-e1521766271877.jpg" alt=""> <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quo labore harum tempora error explicabo eius alias ut ipsam! Non animi quos voluptatum quo illum facere itaque aut consequatur nisi porro. Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem, iusto saepe! Non laboriosam culpa assumenda libero eveniet ex recusandae facere aperiam, saepe officiis iure. Molestiae eos modi earum enim ad.</p> <br> </div> </div> <div class="row"> <div class="col-md-6 col-sm-12"> <div class="table-responsive"> <table class="table" id="table-case"> <tbody> <tr> <th colspan="8" id="table-case-title" style="width: 1417.96875px;">ÁNGULOS DE LADOS IGUALES</th> </tr> <tr> <td colspan="4" style="width: 847.484375px;">DIMENSIONES</td> <td colspan="4" style="width: 570.484375px;">PESO</td> </tr> <tr> <td colspan="2" style="width: 423.484375px;">PULGADAS</td> <td colspan="2" style="width: 424px;">MILÍMETROS</td> <td colspan="2" style="width: 211.25px;">KG/M</td> <td colspan="2" style="width: 359.234375px;">KG/PZA (6.1 M)</td> </tr> <tr> <td rowspan="6" style="width: 219.984375px;">1/8 x</td> <td style="width: 203.5px;">3/4</td> <td rowspan="6" style="width: 215.015625px;">3.2 x</td> <td style="width: 208.984375px;">19.1</td> <td colspan="2" style="width: 211.25px;">0.88</td> <td colspan="2" style="width: 359.234375px;">5.40</td> </tr> <tr> <td style="width: 203.5px;">1</td> <td style="width: 208.984375px;">25.4</td> <td colspan="2" style="width: 211.25px;">1.19</td> <td colspan="2" style="width: 359.234375px;">7.30</td> </tr> <tr> <td style="width: 203.5px;">1 1/4</td> <td style="width: 208.984375px;">31.7</td> <td colspan="2" style="width: 211.25px;">1.50</td> <td colspan="2" style="width: 359.234375px;">9.20</td> </tr> <tr> <td style="width: 203.5px;">1 1/2</td> <td style="width: 208.984375px;">38.1</td> <td colspan="2" style="width: 211.25px;">1.83</td> <td colspan="2" style="width: 359.234375px;">11.20</td> </tr> <tr> <td style="width: 203.5px;">1 3/4</td> <td style="width: 208.984375px;">44.0</td> <td colspan="2" style="width: 211.25px;">2.14</td> <td colspan="2" style="width: 359.234375px;">13.10</td> </tr> <tr> <td style="width: 203.5px;">2</td> <td style="width: 208.984375px;">50.8</td> <td colspan="2" style="width: 211.25px;">2.46</td> <td colspan="2" style="width: 359.234375px;">15.10</td> </tr> <tr> <td rowspan="7" style="width: 219.984375px;">3/16 x</td> <td style="width: 203.5px;">1</td> <td rowspan="7" style="width: 215.015625px;">4.8 x</td> <td style="width: 208.984375px;">25.4</td> <td colspan="2" style="width: 211.25px;">1.73</td> <td colspan="2" style="width: 359.234375px;">10.60</td> </tr> <tr> <td style="width: 203.5px;">1 1/4</td> <td style="width: 208.984375px;">31.7</td> <td colspan="2" style="width: 211.25px;">2.20</td> <td colspan="2" style="width: 359.234375px;">13.50</td> </tr> <tr> <td style="width: 203.5px;">1 1/2</td> <td style="width: 208.984375px;">38.1</td> <td colspan="2" style="width: 211.25px;">2.68</td> <td colspan="2" style="width: 359.234375px;">16.40</td> </tr> <tr> <td style="width: 203.5px;">1 3/4</td> <td style="width: 208.984375px;">44.5</td> <td colspan="2" style="width: 211.25px;">3.15</td> <td colspan="2" style="width: 359.234375px;">19.30</td> </tr> <tr> <td style="width: 203.5px;">2</td> <td style="width: 208.984375px;">50.8</td> <td colspan="2" style="width: 211.25px;">3.63</td> <td colspan="2" style="width: 359.234375px;">22.20</td> </tr> <tr> <td style="width: 203.5px;">2 1/2</td> <td style="width: 208.984375px;">63.5</td> <td colspan="2" style="width: 211.25px;">4.61</td> <td colspan="2" style="width: 359.234375px;">28.20</td> </tr> <tr> <td style="width: 203.5px;">3</td> <td style="width: 208.984375px;">76.2</td> <td colspan="2" style="width: 211.25px;">5.52</td> <td colspan="2" style="width: 359.234375px;">33.70</td> </tr> <tr> <td rowspan="8" style="width: 219.984375px;">1/4 x</td> <td style="width: 203.5px;">1</td> <td rowspan="8" style="width: 215.015625px;">6.3 x</td> <td style="width: 208.984375px;">25.4</td> <td colspan="2" style="width: 211.25px;">2.22</td> <td colspan="2" style="width: 359.234375px;">13.60</td> </tr> <tr> <td style="width: 203.5px;">1 1/4</td> <td style="width: 208.984375px;">31.7</td> <td colspan="2" style="width: 211.25px;">2.86</td> <td colspan="2" style="width: 359.234375px;">17.50</td> </tr> <tr> <td style="width: 203.5px;">1 1/2</td> <td style="width: 208.984375px;">38.1</td> <td colspan="2" style="width: 211.25px;">3.48</td> <td colspan="2" style="width: 359.234375px;">21.30</td> </tr> <tr> <td style="width: 203.5px;">2</td> <td style="width: 208.984375px;">50.8</td> <td colspan="2" style="width: 211.25px;">4.75</td> <td colspan="2" style="width: 359.234375px;">29.00</td> </tr> <tr> <td style="width: 203.5px;">2 1/2</td> <td style="width: 208.984375px;">63.5</td> <td colspan="2" style="width: 211.25px;">6.10</td> <td colspan="2" style="width: 359.234375px;">37.30</td> </tr> <tr> <td style="width: 203.5px;">3</td> <td style="width: 208.984375px;">76.2</td> <td colspan="2" style="width: 211.25px;">7.29</td> <td colspan="2" style="width: 359.234375px;">44.50</td> </tr> <tr> <td style="width: 203.5px;">3 1/2</td> <td style="width: 208.984375px;">88.9</td> <td colspan="2" style="width: 211.25px;">8.63</td> <td colspan="2" style="width: 359.234375px;">52.70</td> </tr> <tr> <td style="width: 203.5px;">4</td> <td style="width: 208.984375px;">101.6</td> <td colspan="2" style="width: 211.25px;">9.82</td> <td colspan="2" style="width: 359.234375px;">60.00</td> </tr> <tr> <td rowspan="6" style="width: 219.984375px;">5/16 x</td> <td style="width: 203.5px;">2</td> <td rowspan="6" style="width: 215.015625px;">7.9 x</td> <td style="width: 208.984375px;">50.8</td> <td colspan="2" style="width: 211.25px;">5.83</td> <td colspan="2" style="width: 359.234375px;">35.60</td> </tr> <tr> <td style="width: 203.5px;">2 1/2</td> <td style="width: 208.984375px;">63.5</td> <td colspan="2" style="width: 211.25px;">7.44</td> <td colspan="2" style="width: 359.234375px;">45.40</td> </tr> <tr> <td style="width: 203.5px;">3</td> <td style="width: 208.984375px;">76.2</td> <td colspan="2" style="width: 211.25px;">9.08</td> <td colspan="2" style="width: 359.234375px;">55.40</td> </tr> <tr> <td style="width: 203.5px;">3 1/2</td> <td style="width: 208.984375px;">88.9</td> <td colspan="2" style="width: 211.25px;">10.71</td> <td colspan="2" style="width: 359.234375px;">65.40</td> </tr> <tr> <td style="width: 203.5px;">4</td> <td style="width: 208.984375px;">101.6</td> <td colspan="2" style="width: 211.25px;">12.20</td> <td colspan="2" style="width: 359.234375px;">74.50</td> </tr> <tr> <td style="width: 203.5px;">5</td> <td style="width: 208.984375px;">127.0</td> <td colspan="2" style="width: 211.25px;">15.32</td> <td colspan="2" style="width: 359.234375px;">93.50</td> </tr> <tr> <td rowspan="7" style="width: 219.984375px;">3/8 x</td> <td style="width: 203.5px;">2</td> <td rowspan="7" style="width: 215.015625px;">9.5 x</td> <td style="width: 208.984375px;">50.8</td> <td colspan="2" style="width: 211.25px;">6.99</td> <td colspan="2" style="width: 359.234375px;">42.70</td> </tr> <tr> <td style="width: 203.5px;">2 1/2</td> <td style="width: 208.984375px;">63.5</td> <td colspan="2" style="width: 211.25px;">8.78</td> <td colspan="2" style="width: 359.234375px;">53.60</td> </tr> <tr> <td style="width: 203.5px;">3</td> <td style="width: 208.984375px;">76.2</td> <td colspan="2" style="width: 211.25px;">10.72</td> <td colspan="2" style="width: 359.234375px;">65.40</td> </tr> <tr> <td style="width: 203.5px;">3 1/2</td> <td style="width: 208.984375px;">88.9</td> <td colspan="2" style="width: 211.25px;">12.64</td> <td colspan="2" style="width: 359.234375px;">77.20</td> </tr> <tr> <td style="width: 203.5px;">4</td> <td style="width: 208.984375px;">101.6</td> <td colspan="2" style="width: 211.25px;">14.58</td> <td colspan="2" style="width: 359.234375px;">89.00</td> </tr> <tr> <td style="width: 203.5px;">5</td> <td style="width: 208.984375px;">127.0</td> <td colspan="2" style="width: 211.25px;">18.30</td> <td colspan="2" style="width: 359.234375px;">111.70</td> </tr> <tr> <td style="width: 203.5px;">6</td> <td style="width: 208.984375px;">152.4</td> <td colspan="2" style="width: 211.25px;">22.17</td> <td colspan="2" style="width: 359.234375px;">135.30</td> </tr> <tr> <td rowspan="5" style="width: 219.984375px;">1/2 x</td> <td style="width: 203.5px;">3</td> <td rowspan="5" style="width: 215.015625px;">12.7 x</td> <td style="width: 208.984375px;">76.2</td> <td colspan="2" style="width: 211.25px;">13.99</td> <td colspan="2" style="width: 359.234375px;">85.40</td> </tr> <tr> <td style="width: 203.5px;">4</td> <td style="width: 208.984375px;">101.6</td> <td colspan="2" style="width: 211.25px;">19.06</td> <td colspan="2" style="width: 359.234375px;">116.30</td> </tr> <tr> <td style="width: 203.5px;">5</td> <td style="width: 208.984375px;">127.0</td> <td colspan="2" style="width: 211.25px;">24.11</td> <td colspan="2" style="width: 359.234375px;">147.10</td> </tr> <tr> <td style="width: 203.5px;">6</td> <td style="width: 208.984375px;">152.4</td> <td colspan="2" style="width: 211.25px;">29.17</td> <td colspan="2" style="width: 359.234375px;">178.00</td> </tr> <tr> <td style="width: 203.5px;">8</td> <td style="width: 208.984375px;">203.2</td> <td colspan="2" style="width: 211.25px;">39.30</td> <td colspan="2" style="width: 359.234375px;">239.80</td> </tr> <tr> <td rowspan="3" style="width: 219.984375px;">5/8 x</td> <td style="width: 203.5px;">4</td> <td rowspan="3" style="width: 215.015625px;">15.9 x</td> <td style="width: 208.984375px;">101.6</td> <td colspan="2" style="width: 211.25px;">23.36</td> <td colspan="2" style="width: 359.234375px;">142.5</td> </tr> <tr> <td style="width: 203.5px;">6</td> <td style="width: 208.984375px;">152.4</td> <td colspan="2" style="width: 211.25px;">36.01</td> <td colspan="2" style="width: 359.234375px;">219.7</td> </tr> <tr> <td style="width: 203.5px;">8</td> <td style="width: 208.984375px;">203.2</td> <td colspan="2" style="width: 211.25px;">48.66</td> <td colspan="2" style="width: 359.234375px;">296.9</td> </tr> <tr> <td rowspan="3" style="width: 219.984375px;">3/4 x</td> <td style="width: 203.5px;">4</td> <td rowspan="3" style="width: 215.015625px;">19.1 x</td> <td style="width: 208.984375px;">101.6</td> <td colspan="2" style="width: 211.25px;">26.60</td> <td colspan="2" style="width: 359.234375px;">162.3</td> </tr> <tr> <td style="width: 203.5px;">6</td> <td style="width: 208.984375px;">152.4</td> <td colspan="2" style="width: 211.25px;">42.71</td> <td colspan="2" style="width: 359.234375px;">260.6</td> </tr> <tr> <td style="width: 203.5px;">8</td> <td style="width: 208.984375px;">203.2</td> <td colspan="2" style="width: 211.25px;">57.89</td> <td colspan="2" style="width: 359.234375px;">353.2</td> </tr> <tr> <td style="width: 219.984375px;">1 x</td> <td style="width: 203.5px;">8</td> <td style="width: 215.015625px;">25.4 x</td> <td style="width: 208.984375px;">203.2</td> <td colspan="2" style="width: 211.25px;">75.98</td> <td colspan="2" style="width: 359.234375px;">463.5</td> </tr> </tbody> <!--end of table tag --> </table> <!-- end of table tag --> </div> <!-- end r. table container div --> </div> <!--end of col6 div--> <div class="col-md-6 col-sm-12"> <div class="table-responsive"> <table class="table" id="table-case"> <tbody> <tr> <th colspan="8" id="table-case-title">Angulos de lados desiguales</th> </tr> <tr> <td colspan="2">DIMENSIONES</td> <td colspan="2">PESO</td> </tr> <tr> <td>PULGADAS</td> <td>MILÍMETROS</td> <td>KG/M</td> <td>KG/PZA (6.1 M)</td> </tr> <tr> <td>3/16<span> </span>3x2</td> <td>4.8 x 76.2 x 50.8</td> <td>4.57</td> <td>27.9</td> </tr> <tr> <td>1/4<span> </span>3x2</td> <td>6.3 x 76.2 x 50.8</td> <td>6.7</td> <td>40.9</td> </tr> <tr> <td>1/4<span> </span>4x3</td> <td>6.3 x 101.6 x 76.2</td> <td>8.619999999999999</td> <td>52.6</td> </tr> <tr> <td>5/16<span> </span>4x3</td> <td>7.9<span> </span>x 101.6 x 76.2</td> <td>10.7</td> <td>65.3</td> </tr> <tr> <td>3/8<span> </span>4x3</td> <td>9.5<span> </span>x 101.6 x 76.2</td> <td>12.63</td> <td>77.09999999999999</td> </tr> <tr> <td>5/16<span> </span>4x6</td> <td>7.9 x 101.6 x 152.4</td> <td>15.19</td> <td>92.69999999999999</td> </tr> <tr> <td>3/8<span> </span>4x6</td> <td>9.5 x 101.6 x 152.4</td> <td>18.3</td> <td>111.7</td> </tr> <tr> <td>1/2<span> </span>4x6</td> <td>12.7 x 101.6 x 152.4</td> <td>24.11</td> <td>147.1</td> </tr> <tr> <td>5/8<span> </span>4x6<span> </span></td> <td>15.9 x 101.6 x 152.4</td> <td>29.76</td> <td>181.6</td> </tr> <tr> <td>3/4<span> </span>4x6</td> <td>19.1 x 101.6 x 152.4</td> <td>35.12</td> <td>214.3</td> </tr> </tbody> </table> </div> </div> <!-- 6 to 12 col div--> </div> <!-- row ends --> </div><script>/* Ángulos Soleras Cuadrados y Redondos Cuadrados y Redondos Cold Rolled Semiflecha Vigas IPR e IPS Canal CPS PTR HSS Polín Mon Ten Tubo Estructural - Ced. 30 / 40 /80 */</script>