@extends('frontend.layouts.app')

@section('metades')
<meta title="Industrial Products - Billets and Foundry Casting | Grace Casting">
<meta name="description"content="Grace Casting specializes in the production of high-quality industrial products, including billets and foundry casting. Learn more about our products and how we can meet your manufacturing needs.">
<meta name="keywords" content="industrial products, manufacturing, India, billets, foundry casting">
@endsection
@section('title')
<title>Products | Grace Casting</title>
@endsection
@section('css')
<style>
</style>
@endsection
@section('content')
@include('frontend.layouts.headernew')
<!-- Hero_section_start -->
<section>
    <div class="head_banner">
        <div class="menu_fact product_uring">
            <h2>MANU FACT URING</h2>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="header_inner_text product_box">
                        <h2>PRODUCTS</h2>
                    </div>
                    <div class="non_link">
                           <p>HOME / PRODUCTS / FOUNDRY CASTINGS</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Hero_section_End -->
<!-- CERTIFICATE_section -->
<section>
    <div class="product">
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-sm-12">
                    <div class="products_item">
                        <h1>PRODUCTS</h1>
                    </div>
                </div>

                 <div class="tab_item">
                        <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
                            <li class="nav-item" role="presentation">
                                <button class="nav-link" id="pills-home-tab" data-bs-toggle="pill" data-bs-target="#pills-home" type="button" role="tab" aria-controls="pills-home" aria-selected="false">ROLLS DIVISON</button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <!--<button class="nav-link" id="pills-profile-tab" data-bs-toggle="pill" data-bs-target="#pills-profile" type="button" role="tab" aria-controls="pills-profile" aria-selected="false">FOUNDRY CASTING</button>-->
                            <a class="nav-link"  id="pills-profile-tab" href="{{url('/productfoundry')}}">FOUNDRY CASTING</a>
                            </li> 
                             <li class="nav-item" role="presentation">
                                <button class="nav-link active" id="pills-contact-tab" data-bs-toggle="pill" data-bs-target="#pills-contact" type="button" role="tab" aria-controls="pills-contact" aria-selected="false">STRUCTURAL STEEL</button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button class="nav-link" id="pills-billet-tab" data-bs-toggle="pill" data-bs-target="#pills-billet" type="button" role="tab" aria-controls="pills-contact" aria-selected="false">BILLET</button>
                            </li>
                        </ul>
                    </div>
            </div>
        </div>
        <div class="tab-content" id="pills-tabContent">
            <div class="tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-home-tab">
                <div class="row">
                    <div class="col-md-3 col-sm-3 tab_img">
                        <a href="{{url('/productfoundry')}}">
                             <img src="frontend/asset/Img/oil.jpg" alt="">
                            <h4>FOUNDRY CASTINGS</h4>
                        </a>
                    </div>
                    <!-- <div class="col-md-3 col-sm-3 tab_img">
                        <a href="{{url('/squarebar')}}">
                            <img src="frontend/asset/Img/square.jpg" alt="">
                            <h4>SQUARE BAR</h4>
                        </a>
                    </div>
                    <div class="col-md-3 col-sm-3 tab_img">
                        <a href="{{url('/career')}}">
                            <img src="frontend/asset/Img/channel.jpg" alt="">
                            <h4>CHANNEL BAR</h4>
                        </a>
                    </div>
                    <div class="col-md-3 col-sm-3 tab_img">
                        <a href="{{url('/career')}}">
                            <img src="frontend/asset/Img/flat.jpg" alt="">
                            <h4>FLAT BAR</h4>
                    </div> -->
                    </a>
                </div>
                <!-- <div class="row">
                    <div class="col-md-3 col-sm-3 tab_img tab_img_box">
                        <a href="{{url('/roundbar')}}">
                            <img src="frontend/asset/Img/round.jpg" alt="">
                            <h4>ROUND BAR</h4>
                        </a>
                    </div>
                </div> -->
            </div>
            <div class="tab-pane fade" id="pills-home" role="tabpanel" aria-labelledby="pills-profile-tab">
                <div class="row">
                    <div class="col-md-3 col-sm-3 tab_img tab_img_roll">
                        <a href="{{url('/alloycast')}}">
                          <img src="frontend/asset/Img/rolls_img3.png" alt="">
                            <h4>ALLOY CAST STEEL ROLLS</h4>
                        </a>
                    </div>
                    <div class="col-md-3 col-sm-3 tab_img tab_img_roll">
                        <a href="{{url('/alloysteel')}}">
                            <img src="frontend/asset/Img/alloy_steel.png" alt="">
                            <h4>ALLOY STEEL BASE ADAMITE ROLLS</h4>
                        </a>
                    </div>
                    <div class="col-md-3 col-sm-3 tab_img tab_img_roll">
                        <a href="{{url('/sgironaccicular')}}">
                          <img src="frontend/asset/Img/sg_iron.png" alt="">
                            <h4>SG IRON PEARLITIC ROLLS</h4>
                        </a>
                    </div>
                    <div class="col-md-3 col-sm-3 tab_img tab_img_roll">
                        <a href="{{url('/rollsdivision')}}">
                            <img src="frontend/asset/Img/sg_iron_scc3.png" alt="">
                            <h4>SG IRON ACCICULAR ROLLS</h4>
                        </a>
                    </div>
                </div>
            </div>
            <div class="tab-pane fade active show" id="pills-contact" role="tabpanel" aria-labelledby="pills-contact-tab">
                <div class="row">
                    <div class="col-md-3 col-sm-3 tab_img tab_img_bar">
                        <a href="{{url('/anglebar')}}">
                           <img src="frontend/asset/Img/angal.jpg" alt="">
                            <h4>ANGAL BAR</h4>
                        </a>
                    </div>
                    <div class="col-md-3 col-sm-3 tab_img tab_img_bar">
                        <a href="{{url('/roundbar')}}">
                           <img src="frontend/asset/Img/square.jpg" alt="">
                            <h4>ROUND BAR</h4>
                        </a>
                    </div>
                    <div class="col-md-3 col-sm-3 tab_img tab_img_bar">
                        <a href="{{url('/channelbar')}}">
                            <img src="frontend/asset/Img/channel.jpg" alt="">
                            <h4>CHANNEL BAR</h4>
                        </a>
                    </div>
                    <div class="col-md-3 col-sm-3 tab_img tab_img_bar">
                        <a href="{{url('/flatbar')}}">
                           <img src="frontend/asset/Img/flat.jpg" alt="">
                            <h4>FLAT BAR</h4>
                        </a>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-3 col-sm-3 tab_img tab_img_bar">
                        <a href="{{url('/squarebar')}}">
                            <img src="frontend/asset/Img/round.jpg" alt="">
                            <h4>SQUARE BAR</h4>
                        </a>
                    </div>
                </div>
            </div>
            <div class="tab-pane fade" id="pills-billet" role="tabpanel" aria-labelledby="pills-billet-tab">
                <div class="row">
                    <div class="col-md-3 col-sm-3 tab_img tab_img_billets">
                        <a href="{{url('/billets')}}">
                            <img src="frontend/asset/Img/billets.png" alt="">
                            <h4>BILLETS</h4>
                        </a>
                    </div>
                    <!-- <div class="col-md-3 col-sm-3 tab_img">
                        <a href="#">
                            <img src="frontend/asset/Img/square.jpg" alt="">
                            <h4>SQUARE BAR</h4>
                        </a>
                    </div>
                    <div class="col-md-3 col-sm-3 tab_img">
                        <a href="#">
                            <img src="frontend/asset/Img/angal.jpg" alt="">
                            <h4>ANGAL BAR</h4>
                        </a>
                    </div>
                    <div class="col-md-3 col-sm-3 tab_img">
                        <a href="#">
                            <img src="frontend/asset/Img/flat.jpg" alt="">
                            <h4>FLAT BAR</h4>
                        </a>
                    </div> -->
                </div>
                <!-- <div class="row">
                    <div class="col-md-3 col-sm-3 tab_img tab_img_box">
                        <a href="#">
                            <img src="frontend/asset/Img/round.jpg" alt="">
                            <h4>ROUND BAR</h4>
                        </a>
                    </div>
                </div> -->
            </div>
        </div>

    </div>
</section>
<!-- CERTIFICATE_section -->
@endsection
@section('js')
@endsection
@push('scripts')
@endpush