@extends('layouts/master_hf')

@php
    $pagename = 'rotatori interlam';
    $imgpath = "images/background/tronchi02.jpg";
@endphp

@section('body')
    <div class="tm-sidebars-1 tm-isblog    tm-header-wrapper">

        @include('components.breadcrumb')

        <div class="tm-page-corners"></div>
        <div id="tm-main" class="tm-block-main uk-block uk-block-default        ">
            <div class="tm-page-padding">

                <div class="uk-container uk-container-center">
                    <div class="tm-middle uk-grid" data-uk-grid-match data-uk-grid-margin>

                        <div class="tm-main uk-width-medium-3-4">


                            <main id="tm-content" class="tm-content">
                                <div id="system-message-container"></div>
                                <article class="uk-article tm-article">

                                    <div class="tm-article-wrapper">



                                        <h1 class="uk-article-title">
                                            Divisione Serie Rotatore Interlam </h1>




                                        <div class="tm-article-content">

                                            <div class="tm-article">



                                                <div id="wk-grida17"
                                                    class="uk-grid-width-1-1 uk-grid uk-grid-match uk-grid-collapse uk-text-left "
                                                    data-uk-grid-match="{target:'> div > .uk-panel', row:true}"
                                                    data-uk-grid-margin>


                                                    <div>
                                                        <div class="uk-panel uk-panel-space uk-panel-hover tm-space-hover">




                                                            <div class="uk-grid " data-uk-grid-margin>
                                                                <div class="uk-width-medium-3-10">

                                                                    <img src="media/widgetkit/2cilindri-de8e13ce2972dfe85a8b2510e7ff1f9a.png"
                                                                        class=" uk-overlay-fade" alt="IT 200 ROT"
                                                                        width="390" height="242">
                                                                </div>
                                                                <div class="uk-width-medium-7-10">
                                                                    <div class="uk-panel">

                                                                        <h3
                                                                            class="uk-h3 tm-weight-medium tm-caps uk-margin-">

                                                                            <a class="uk-link-reset" href="it200rot.html">IT
                                                                                200 ROT</a>


                                                                        </h3>



                                                                        <div class="uk-margin uk-margin-">
                                                                            <p>Rotatore Interlam a 2 Cilindri</p>
                                                                        </div>



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

                                                        </div>
                                                    </div>


                                                    <div>
                                                        <div class="uk-panel uk-panel-space uk-panel-hover tm-space-hover">




                                                            <div class="uk-grid " data-uk-grid-margin>
                                                                <div class="uk-width-medium-3-10">

                                                                    <img src="media/widgetkit/rota-int-ad8d7830246c14368b4733477825b07c.png"
                                                                        class=" uk-overlay-fade" alt="IT 400 ROT"
                                                                        width="390" height="242">
                                                                </div>
                                                                <div class="uk-width-medium-7-10">
                                                                    <div class="uk-panel">

                                                                        <h3
                                                                            class="uk-h3 tm-weight-medium tm-caps uk-margin-">

                                                                            <a class="uk-link-reset" href="it400rot.html">IT
                                                                                400 ROT</a>


                                                                        </h3>



                                                                        <div class="uk-margin uk-margin-">
                                                                            <p>Rotatore Interlam a Ralla
                                                                            </p>
                                                                        </div>



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

                                                        </div>
                                                    </div>


                                                </div>

                                                <script>
                                                    (function($) {

                                                        // get the images of the gallery and replace it by a canvas of the same size to fix the problem with overlapping images on load.
                                                        $('img[width][height]:not(.uk-overlay-panel)', $('#wk-grida17')).each(function() {

                                                            var $img = $(this);

                                                            if (this.width == 'auto' || this.height == 'auto' || !$img.is(':visible')) {
                                                                return;
                                                            }

                                                            var $canvas = $('<canvas class="uk-responsive-width"></canvas>').attr({
                                                                    width: $img.attr('width'),
                                                                    height: $img.attr('height')
                                                                }),
                                                                img = new Image,
                                                                release = function() {
                                                                    $canvas.remove();
                                                                    $img.css('display', '');
                                                                    release = function() {};
                                                                };

                                                            $img.css('display', 'none').after($canvas);

                                                            $(img).on('load', function() {
                                                                release();
                                                            });
                                                            setTimeout(function() {
                                                                release();
                                                            }, 1000);

                                                            img.src = this.src;

                                                        });

                                                    })(jQuery);
                                                </script>

                                            </div>

                                        </div>

                                    </div>




                                </article>
                            </main>



                        </div>

                        <aside class="tm-sidebar-a uk-width-medium-1-4 uk-flex-order-first-medium">
                            <div class="uk-panel">
                                <h3 class="uk-panel-title ">Brochures Rotatori</h3>

                                <a class="tm-file-pdf uk-link-reset uk-margin-bottom" href="features/i-prodotti.html">
                                    <img class="uk-align-left" data-uk-svg="" height="60"
                                        src="images/demo/icons/solution-available.svg" width="60">
                                    <div class="tm-meta-file uk-flex uk-flex-column">
                                        <span class="content">MENU</span> <span class="uk-text-success">ATTREZZATURE
                                            FORESTALI</span>
                                    </div>
                                </a>

                                <a class="tm-file-pdf uk-link-reset uk-margin-bottom"
                                    href="images/forestale/download/catfor2020.pdf" target="_blank">
                                    <img class="uk-align-left" data-uk-svg="" height="60" src="images/demo/icons/pdf.svg"
                                        width="60">
                                    <div class="tm-meta-file uk-flex uk-flex-column">
                                        <span class="size">67 mb</span> <span class="content">Catalogo Generale</span>
                                        <strong>.pdf</strong>
                                    </div>
                                </a>
                            </div>
                        </aside>

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

    </div>
@endsection