<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="assets/css/bootstrap.min.css" />
<link rel="stylesheet" href="assets/css/swiper-bundle.min.css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100..900;1,100..900&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="assets/css/fontawesome/fontawesome-pro.min.css">
<link rel="stylesheet" href="assets/css/magnific-popup.css">
<link rel="stylesheet" href="assets/css/style.css" />
<link rel="stylesheet" href="assets/css/scss/style.css">
<link rel="stylesheet" href="assets/css/scss/responsive.css">
<title>Roda</title>
</head>
<body class="blue-navbar-visible">
<header>
<div class="main-header" id="main-header" aria-label="Main Header">
<div class="container-fluid">
<div class="header-flex">
<div class="logo-box" aria-label="Logo Box">
<a href="#" aria-label="Logo Link">
<div class="white-logo">
<img src="assets/images/logo.png" alt="logo.png" aria-label="Logo" />
</div>
<div class="dark-logo">
<img src="assets/images/logo-dark.png" alt="logo-dark.png" aria-label="Logo dark">
</div>
</a>
</div>
<div class="main-header-items">
<div class="header-search-box">
<input type="text" class="form-control" placeholder="Search |" name="search">
<i class="fa-light fa-magnifying-glass"></i>
</div>
<div class="header-bar" id="header-bar">
<span></span>
<span></span>
<span></span>
<div class="text">menu</div>
</div>
</div>
</div>
</div>
</div>
</header>
<div class="megamenu-main" aria-label="Mega Menu" data-background="assets/images/megamenu/megamenu-bg.webp">
<div class="megamenu-grid-parent">
<div class="left-box">
<div class="logo-box">
<a href="#" aria-label="mobile menu logo link">
<img src="assets/images/logo.png" alt="logo.png">
</a>
</div>
<div class="megamenu-main-items">
<ul>
<li>
<a href="#">Linee di prodotto</a>
</li>
<li>
<a href="#">corporate </a>
</li>
<li>
<a href="#">applicazioni</a>
</li>
<li>
<a href="#">qualità</a>
</li>
<li>
<a href="#">sostenibilità</a>
</li>
<li>
<a href="#">CONTATTI</a>
</li>
<li>
<a href="#">NEWS</a>
</li>
</ul>
</div>
</div>
<div class="right-box">
<div class="megamenu-close">
<button class="btn megamenu-close-btn">
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none">
<path d="M1 1.00024L25 25.0002" stroke="white" />
<path d="M1 25L25 0.999998" stroke="white" />
</svg>
</button>
</div>
<h3>QUALITÀ DI NOSTRA PRODUZIONE</h3>
<div class="right-box-grid">
<div class="single-grid">
<div class="category-title">
<a href="#">acciai automatici</a>
</div>
<div class="category-child-single">
<a href="#"> Non destinati al trattamento termico</a>
</div>
<div class="category-child-single">
<a href="#"> Da cementazione</a>
</div>
<div class="category-child-single">
<a href="#"> Da bonifica</a>
</div>
</div>
<div class="single-grid">
<div class="category-title">
<a href="#">acciai DA CEMENTAZIONE</a>
</div>
<div class="category-child-single">
<a href="#">non legati </a>
</div>
<div class="category-child-single">
<a href="#">legati</a>
</div>
</div>
<div class="single-grid">
<div class="category-title">
<a href="#">acciai DA bonifica</a>
</div>
<div class="category-child-single">
<a href="#">non legati </a>
</div>
<div class="category-child-single">
<a href="#">legati</a>
</div>
</div>
<div class="single-grid">
<div class="category-title">
<a href="#">acciai speciali</a>
</div>
<div class="category-child-single">
<a href="#"> Per impieghi strutturali</a>
</div>
<div class="category-child-single">
<a href="#">Per deformazione a freddo e acciai</a>
</div>
<div class="category-child-single">
<a href="#"> per cuscinetti</a>
</div>
<div class="category-child-single">
<a href="#"> Conformi a norme americane ASTM</a>
</div>
</div>
<div class="single-grid">
<div class="category-title">
<a href="#">acciai inossidabili</a>
</div>
<div class="category-child-single">
<a href="#">Ferritici</a>
</div>
<div class="category-child-single">
<a href="#">Martensitici</a>
</div>
<div class="category-child-single">
<a href="#">Austenitici</a>
</div>
<div class="category-child-single">
<a href="#"> Austeno-ferritici (duplex)
</a>
</div>
<div class="category-child-single">
<a href="#"> Resistenti al calore
</a>
</div>
</div>
<div class="single-grid">
<div class="category-title">
<a href="#">acciai da tempra supersiciale</a>
</div>
<div class="category-child-single">
<a href="#">non legati</a>
</div>
<div class="category-title">
<a href="#">tondo nervato inossidabili</a>
</div>
</div>
</div>
<h4>WELDING</h4>
<div class="right-box-grid">
<div class="single-grid">
<div class="category-child-single">
<a href="#"> acciai inossidabili da saldatura</a>
</div>
<div class="category-child-single">
<a href="#"> alloy</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="sidebar-area" id="targetElement" data-background="assets/images/megamenu/megamenu-bg.webp">
<div class="sidebar-inner-bg">
<div class="sidebar-header">
<div class="sidebar-header-flex">
<div class="logobox">
<a href="#">
<img src="assets/images/logo.png" alt="">
</a>
</div>
<div class="header-bar" id="sidebarCloese">
<span></span>
<span></span>
<span></span>
</div>
</div>
</div>
<div class="sidebar-contents">
<div class="mobile-menu-items">
<ul>
<li>
<a href="#">Linee di prodotto</a>
</li>
<li>
<a href="#">corporate </a>
</li>
<li>
<a href="#">
prodotti
<span class="arrow_icon">
<i class="fa-regular fa-chevron-down"></i>
</span>
</a>
<ul>
<li>
<a href="#">acciai automatici
<span class="arrow_icon">
<i class="fa-regular fa-chevron-down"></i>
</span>
</a>
<ul>
<li><a href="#">Non destinati al trattamento termico</a></li>
<li><a href="#">Da cementazione</a></li>
<li><a href="#">Da bonifica</a></li>
</ul>
</li>
<li>
<a href="#">acciai DA CEMENTAZIONE
<span class="arrow_icon">
<i class="fa-regular fa-chevron-down"></i>
</span>
</a>
<ul>
<li><a href="#">non legati</a></li>
<li><a href="#">legati</a></li>
</ul>
</li>
<li>
<a href="#">acciai DA bonifica
<span class="arrow_icon">
<i class="fa-regular fa-chevron-down"></i>
</span>
</a>
<ul>
<li><a href="#">non legati</a></li>
<li><a href="#">legati</a></li>
</ul>
</li>
<li>
<a href="#">acciai speciali
<span class="arrow_icon">
<i class="fa-regular fa-chevron-down"></i>
</span>
</a>
<ul>
<li><a href="#">Per impieghi strutturali</a></li>
<li><a href="#">Per deformazione a freddo e acciai</a></li>
<li><a href="#">per cuscinetti</a></li>
<li><a href="#">Conformi a norme americane ASTM</a></li>
</ul>
</li>
<li>
<a href="#">acciai inossidabili
<span class="arrow_icon">
<i class="fa-regular fa-chevron-down"></i>
</span>
</a>
<ul>
<li><a href="#">Ferritici</a></li>
<li><a href="#">Martensitici</a></li>
<li><a href="#">Austenitici</a></li>
<li><a href="#">Austeno-ferritici (duplex)</a></li>
<li><a href="#">Resistenti al calore</a></li>
</ul>
</li>
<li>
<a href="#">acciai da tempra superficiale
<span class="arrow_icon">
<i class="fa-regular fa-chevron-down"></i>
</span>
</a>
<ul>
<li><a href="#">non legati</a></li>
</ul>
</li>
<li>
<a href="#">tondo nervato inossidabili</a>
</li>
</ul>
</li>
<li>
<a href="#">applicazioni</a>
</li>
<li>
<a href="#">qualità</a>
</li>
<li>
<a href="#">sostenibilità</a>
</li>
<li>
<a href="#">CONTATTI</a>
</li>
<li>
<a href="#">NEWS</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<section class="m_roda_corporate_banner banner-has-breadcrumb"
data-background="assets/images/corporate/banner.webp">
<div class="container-fluid p-0">
<div class="row g-0">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="common-breadcrumb-wrapper">
<div class="breadcrumb-wrapper">
<nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Rodacciai </a></li>
<li class="breadcrumb-item current-item" aria-current="page">
Corporeate
</li>
</ol>
</nav>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="m_roda_corporate_pro">
<div class="container-fluid p-0 m-0">
<div class="row g-0 d-flex align-items-center">
<div class="col-sm-12 col-md-6 col-lg-6 col-xl-6">
<div class="m_roda_corporate_pro_inr">
<h2>PRODUZIONE ACCIAIO</h2>
<p>Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam,
nisi ut aliquid ex ea commodi consequatur?</p>
<p>Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae
consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur</p>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-6 col-xl-6">
<img src="assets/images/corporate/image-1.png" alt="">
</div>
</div>
</div>
</section>
<section class="m_roda_corporate_pro second">
<div class="container-fluid p-0 m-0">
<div class="row g-0 d-flex align-items-stretch">
<div class="col-sm-12 col-md-6 col-lg-6 col-xl-6">
<img src="assets/images/corporate/image-2.png" alt="">
</div>
<div class="col-sm-12 col-md-6 col-lg-6 col-xl-6">
<div class="m_roda_corporate_pro_inr_two">
<div class="inner-box-width">
<h2>LAMINATOIO</h2>
<p>Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam,
nisi ut aliquid ex ea commodi consequatur?</p>
<p>Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae
consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="m_roda_il_grupo">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="m_roda_il_grupo_inr">
<h2>IL GRUPPO</h2>
<div class="inr-logo-box">
<img src="assets/images/corporate/image-3.png" alt="">
</div>
<article>
<p>Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam,
nisi ut aliquid ex ea commodi consequatur?</p>
<p>Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae
consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur</p>
</article>
<div class="m_roda_il_grupo_inr_accordion">
<div class="accordion" id="accordionExample">
<div class="accordion-item">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button collapsed" type="button"
data-bs-toggle="collapse" data-bs-target="#collapseOne"
aria-expanded="true" aria-controls="collapseOne">
Rodacciai
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show"
aria-labelledby="headingOne" data-bs-parent="#accordionExample">
<div class="accordion-body">
<article>
<p>
<strong>This is the first item's accordion body.</strong> It is
shown by
default,
until the collapse plugin adds the appropriate classes that we use
to
style
each element.
</p>
</article>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingTwo">
<button class="accordion-button" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseTwo" aria-expanded="false"
aria-controls="collapseTwo">
RodaALU
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse"
aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis
suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur?</p>
<p>Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam
nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo
voluptas nulla pariatur</p>
<img src="assets/images/corporate/logo-rodaalu 1.png" alt="">
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingThree">
<button class="accordion-button collapsed" type="button"
data-bs-toggle="collapse" data-bs-target="#collapseThree"
aria-expanded="false" aria-controls="collapseThree">
Olarra
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse"
aria-labelledby="headingThree" data-bs-parent="#accordionExample">
<div class="accordion-body">
<strong>This is the third item's accordion body.</strong> You can put any
HTML content here.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="m_roda_corporate_map">
<div class="container-fluid p-0 m-0">
<div class="row g-0">
<div class="col-12">
<img src="assets/images/corporate/image-4.png" alt="">
</div>
</div>
</div>
</section>
<section class="m_roda_tyt">
<div class="container-fluid">
<div class="row">
<div class="col-12">
<h2>YESTERDAY - TODAY - TOMORROW</h2>
<p>From a great beginning, building a long lasting future through sustainability</p>
</div>
</div>
</div>
</section>
<section class="m_roda_corporate_yesterday" data-background="assets/images/corporate/image-5.png">
<div class="container-fluid ">
<div class="row">
<div class="col-12">
<div class="m_roda_corporate_yesterday_inr">
<h2>YESTERDAY</h2>
<p>Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam,
nisi ut aliquid ex ea commodi consequatur?</p>
<p>Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae
consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur</p>
</div>
</div>
</div>
</div>
</section>
<section class="m_roda_scrolling_timeline">
<div class="container">
<div class="row">
<div class="col-12">
<h2>70 years of experience</h2>
</div>
<div class="col-12">
<div class="year-slider-wrapper">
<div class="swiper m_rodaTimelineSwiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="m_roda_scrolling_timeline_inr">
<h3>1984</h3>
<p>Ut enim ad minima veniam, quis nostrum exercitationem ullam</p>
</div>
</div>
<div class="swiper-slide">
<div class="m_roda_scrolling_timeline_inr">
<h3>1994</h3>
<p>Corporis suscipit laboriosam, nisi ut aliquid ex ea commodi</p>
</div>
</div>
<div class="swiper-slide">
<div class="m_roda_scrolling_timeline_inr">
<h3>2004</h3>
<p>Excepteur sint occaecat cupidatat non proident</p>
</div>
</div>
<div class="swiper-slide">
<div class="m_roda_scrolling_timeline_inr">
<h3>2004</h3>
<p>Excepteur sint occaecat cupidatat non proident</p>
</div>
</div>
<div class="swiper-slide">
<div class="m_roda_scrolling_timeline_inr">
<h3>2004</h3>
<p>Excepteur sint occaecat cupidatat non proident</p>
</div>
</div>
</div>
</div>
<!-- Navigation -->
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
</div>
</div>
</div>
</section>
<section class="m_roda_today_animate">
<div class="container">
<div class="row">
<div class="col-12">
<h2>TODAY</h2>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="today-counter-grid">
<div class="m_roda_today_animate_inr">
<h3>355.000 <span>ton/year</span></h3>
<p>production</p>
</div>
<div class="m_roda_today_animate_inr">
<h3>+110.000</h3>
<p>articles</p>
</div>
<div class="m_roda_today_animate_inr">
<h3>14.000 <span>ml€/year</span></h3>
<p>INVESTMENTS</p>
</div>
<div class="m_roda_today_animate_inr">
<h3>2</h3>
<p>NEW PRODUCTION UNIT</p>
</div>
<div class="m_roda_today_animate_inr">
<h3>1200</h3>
<p>PEOPLE</p>
</div>
<div class="m_roda_today_animate_inr">
<h3>18</h3>
<p>HEAT TREATING FURNACES</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="m_roda_corporate_tomo">
<div class="container-fluid p-0 m-0">
<div class="row g-0 align-items-stretch">
<div class="col-sm-12 col-md-4 col-lg-4 col-xl-4">
<img src="assets/images/corporate/image-6.png" alt="">
</div>
<div class="col-sm-12 col-md-4 col-lg-4 col-xl-4">
<img src="assets/images/corporate/image-7.png" alt="">
</div>
<div class="col-sm-12 col-md-4 col-lg-4 col-xl-4">
<img src="assets/images/corporate/image-8.png" alt="">
</div>
</div>
</div>
<h2>TOMORROW</h2>
</section>
<section class="m_roda_corporate_card">
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-4 col-lg-4 col-xl-4">
<div class="m_roda_corporate_card_inr">
<h3>PEOPLE</h3>
<p>Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam,
nisi ut aliquid ex ea commodi consequatur </p>
</div>
</div>
<div class="col-sm-12 col-md-4 col-lg-4 col-xl-4">
<div class="m_roda_corporate_card_inr">
<h3>PLANET</h3>
<p>Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae
consequatur, vel illum qui dolorem eum fugiat.</p>
</div>
</div>
<div class="col-sm-12 col-md-4 col-lg-4 col-xl-4">
<div class="m_roda_corporate_card_inr">
<h3>PERFORMANCE</h3>
<p>Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit,
sed quia non numquam eius modi tempora incidunt.</p>
</div>
</div>
</div>
</div>
</section>
<section class="m_roda_corporate_map">
<div class="container-fluid p-0 m-0">
<div class="row g-0">
<div class="col-12">
<img src="assets/images/corporate/image-9.png" alt="">
</div>
</div>
</div>
</section>
<section class="m_roda_corporate_map">
<div class="container-fluid p-0 m-0">
<div class="row g-0">
<div class="col-12">
<img src="assets/images/corporate/image-10.jpg" alt="">
</div>
</div>
</div>
</section>
<footer>
<div class="footer-main" aria-label="Footer Main">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-3">
<div class="footer-logo-box" aria-label="Footer Logo">
<a href="#" aria-label="Footer Logo Link">
<img src="assets/images/logo.png" alt="logo.png" aria-label="Footer Logo">
</a>
</div>
<div class="footer-description" aria-label="Footer Description">
<article>
<p>
Rodacciai S.p.A. <br>
Società a socio unico <br>
Gruppo Rodasteel Corporation <br>
Via Giuseppe Roda 1, 23842 Bosisio Parini, Lecco (Italy) <br>
Tel. +39 031 878111 <br>
Fax +39 031 878312 <br>
P.IVA IT09036850155 <br>
R.E.A. Milano 1266902 <br>
Cap. Soc. € 57.000.000 i.v. <br>
Mecc. Import / Export MI259784
</p>
</article>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-3">
<div class="footer-common-links">
<div class="footer-common-title">Products</div>
<ul>
<li>
<a href="#">
High Performance Steel
</a>
</li>
<li>
<a href="#">
Rebars
</a>
</li>
<li>
<a href="#">
Cold-heading wire
</a>
</li>
<li>
<a href="#">
Stainless steel wire
</a>
</li>
<li>
<a href="#">
Welding
</a>
</li>
<li>
<a href="#">
Nickel Alloy
</a>
</li>
</ul>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-3">
<div class="footer-common-links">
<div class="footer-common-title">Certifications</div>
<ul>
<li>
<a href="#">
Tuv Nord
</a>
</li>
<li>
<a href="#">
Die Bahn
</a>
</li>
<li>
<a href="#">
IGQ
</a>
</li>
<li>
<a href="#">
IQNET
</a>
</li>
<li>
<a href="#">
IGQ
</a>
</li>
<li>
<a href="#">
Cares
</a>
</li>
<li>
<a href="#">
UKAS
</a>
</li>
</ul>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-3">
<div class="footer-contact-box">
<div class="footer-common-title">contacts</div>
<ul>
<li>
<a href="#">Contact us</a>
</li>
<li>
<a href="#">Work with us</a>
</li>
<li>
<a href="#">Google Maps</a>
</li>
</ul>
</div>
<div class="footer-social-links">
<ul>
<li>
<a href="#">Linkedin</a>
</li>
<li>
<a href="#">Instagram</a>
</li>
</ul>
</div>
</div>
</div>
<div class="row align-items-center justify-content-between">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-3">
<div class="privacy-policy">
<ul>
<li>
<a href="#">Privacy policy </a>
</li>
<li>
<a href="#">Cookie policy</a>
</li>
</ul>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-3 ">
<div class="footer-copyright">
<p>
© <span id="year"></span> Red Apple International
</p>
</div>
</div>
</div>
</div>
</div>
</footer>
<div class="fix-contact-us">
<a href="#">
<div class="contact-wrapper">
<p>for more <br> information </p>
<h5>contact us</h5>
</div>
</a>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script>
<script src="assets/js/bootstrap.bundle.min.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="assets/js/magnific-popup.min.js"></script>
<script src="assets/js/swiper-bundle.min.js"></script>
<script src="assets/js/common-all.js"></script>
<script src="assets/js/mahbub.js"></script>
</body>
</html>