@extends('layouts.master')

@section('title', 'Newsletter | Myositis India – Stay Updated on News, Research & Events')
@section('description', 'Subscribe to our newsletter for the latest updates on Myositis awareness and community news.')
@section('canonical', 'https://www.myositisindia.org/newsletter')


@section('content')

   <div class="container">

    <section id="content">

        <!-- Page Heading -->

        <section class="section page-heading animate-onscroll">

            <h3> Newsletter</h3>

            <p class="breadcrumb"><a href="main-v1.html">Home</a> / Newsletter</p>

        </section>

        <!-- Page Heading -->

        <!-- Section -->

        <section class="section full-width-bg gray-bg">

            <div class="row">

                <div class="col-lg-9 col-md-9 col-sm-12">

                    <div class="row">
                        <div class="col-sm-12 col-md-4 mb-4">
                            <div class="card" style="width:250px; height:450px;">
                                <iframe src="{{ asset('asset/img/casePresentation/newsletter.pdf') }}" style="width:250px; height:250px;"></iframe>
                                <div class="card-body text-center">
                                    <p class="card-text" style="text-align: justify; width:200px; "></p>
                                    <a href="{{ asset('asset/img/casePresentation/newsletter.pdf') }}" class="btn btn-primary" download>Download Newsletter</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-4 mb-4">
                            <div class="card" style="width:250px; height:450px;">
                                <iframe src="{{ asset('asset/img/casePresentation/newsletter2024.pdf') }}" style="width:250px; height:250px;"></iframe>
                                <div class="card-body text-center">
                                    <p class="card-text" style="text-align: justify; width:200px; "></p>
                                    <a href="{{ asset('asset/img/casePresentation/newsletter2024.pdf') }}" class="btn btn-primary" download>Download Newsletter</a>
                                </div>
                            </div>
                        </div>
                        
                    </div>

                </div>
                <!-- Sidebar -->
                @include('myositis.sidebarforpages')
                <!-- /Sidebar -->
            </div>
        </section>
        <!-- /Section -->
    </section>
</div>

@endsection