Catalogue: Difference between revisions

From Disaster Risk Gateway
No edit summary
No edit summary
Line 2: Line 2:
<p class="lead">The catalogue contains collections of pages summarising examples of frameworks, platforms, methods, models and tools for [[Disaster_Risk_Assessment|<span style="color: #8836EA">multi-hazard risk assessment</span>]] and [[Multi-Hazard|<span style="color: #8836EA">multi-hazard</span>]] [[Disaster_Risk_Management|<span style="color: #8836EA">risk management</span>]]. It also contains links to relevant resources.</p>
<p class="lead">The catalogue contains collections of pages summarising examples of frameworks, platforms, methods, models and tools for [[Disaster_Risk_Assessment|<span style="color: #8836EA">multi-hazard risk assessment</span>]] and [[Multi-Hazard|<span style="color: #8836EA">multi-hazard</span>]] [[Disaster_Risk_Management|<span style="color: #8836EA">risk management</span>]]. It also contains links to relevant resources.</p>


<div style="margin-top: 1em; text-align: center;">
    <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 1em;">
        <!-- Card 1: Multi-hazard Risk Assessment -->
        <div style="flex: 1 1 calc(33.333% - 1em); max-width: 300px; border: 1px solid #f5f5f5; box-shadow: 2px 2px 5px rgba(0,0,0,0.1); border-radius: 8px;">
            <div style="background-color: transparent; border-bottom: 1px solid #f5f5f5; padding: 1em;">
                <h1 style="text-align: center; margin: 0;">
                    <span class="fa fa-code-branch" style="font-size: 2em;"></span>
                </h1>
            </div>
            <div style="padding: 1em;">
                <h3 style="text-align: center; margin: 0;">
                    [[:Category:Multi-hazard Risk Assessment|<span style="color: #8836EA;">Multi-hazard Risk Assessment</span>]]
                </h3>
            </div>
        </div>


    <div class="container-fluid mt-4 text-center">
         <!-- Card 2: Multi-hazard Risk Management -->
         <div class="row row-cols-1 row-cols-md-3 g-4">
        <div style="flex: 1 1 calc(33.333% - 1em); max-width: 300px; border: 1px solid #f5f5f5; box-shadow: 2px 2px 5px rgba(0,0,0,0.1); border-radius: 8px;">
            <!-- Card 1: Multi-hazard Risk Assessment -->
            <div style="background-color: transparent; border-bottom: 1px solid #f5f5f5; padding: 1em;">
            <div class="col mb-4">
                <h1 style="text-align: center; margin: 0;">
                <div class="card h-100 border-light shadow-sm">
                    <span class="fa fa-chalkboard-teacher" style="font-size: 2em;"></span>
                    <div class="card-header bg-transparent border-white">
                </h1>
                        <h1 class="card-title text-center">
            </div>
                            <span class="fa fa-code-branch fa-2x"></span>
            <div style="padding: 1em;">
                        </h1>
                <h3 style="text-align: center; margin: 0;">
                    </div>
                    [[:Category:Multi-hazard Risk Management|<span style="color: #8836EA;">Multi-hazard Risk Management</span>]]
                    <div class="card-body">
                </h3>
                        <h3 class="card-title text-center">
                            [[:Category:Multi-hazard Risk Assessment|<span style="color: #8836EA">Multi-hazard Risk Assessment</span>]]
                        </h3>
                    </div>
                </div>
             </div>
             </div>
        </div>


            <!-- Card 2: Multi-hazard Risk Management -->
        <!-- Card 3: Resources -->
            <div class="col mb-4">
        <div style="flex: 1 1 calc(33.333% - 1em); max-width: 300px; border: 1px solid #f5f5f5; box-shadow: 2px 2px 5px rgba(0,0,0,0.1); border-radius: 8px;">
                <div class="card h-100 border-light shadow-sm">
            <div style="background-color: transparent; border-bottom: 1px solid #f5f5f5; padding: 1em;">
                    <div class="card-header bg-transparent border-white">
                <h1 style="text-align: center; margin: 0;">
                        <h1 class="card-title text-center">
                    <span class="fa fa-copy" style="font-size: 2em;"></span>
                            <span class="fa fa-chalkboard-teacher fa-2x"></span>
                 </h1>
                        </h1>
                    </div>
                    <div class="card-body">
                        <h3 class="card-title text-center">
                            [[:Category:Multi-hazard Risk Management|<span style="color: #8836EA">Multi-hazard Risk Management</span>]]
                        </h3>
                    </div>
                 </div>
             </div>
             </div>
 
             <div style="padding: 1em;">
            <!-- Card 3: Resources -->
                 <h3 style="text-align: center; margin: 0;">
             <div class="col mb-4">
                     [[Resources|<span style="color: #DB20D2;">Resources</span>]]
                 <div class="card h-100 border-light shadow-sm">
                </h3>
                    <div class="card-header bg-transparent border-white">
                        <h1 class="card-title text-center">
                            <span class="fa fa-copy fa-2x"></span>
                        </h1>
                    </div>
                     <div class="card-body">
                        <h3 class="card-title text-center">
                            [[Resources|<span style="color: #DB20D2">Resources</span>]]
                        </h3>
                    </div>
                </div>
             </div>
             </div>
         </div>
         </div>
     </div>
     </div>
</div>
</div>

Revision as of 19:31, 10 January 2025

The catalogue contains collections of pages summarising examples of frameworks, platforms, methods, models and tools for multi-hazard risk assessment and multi-hazard risk management. It also contains links to relevant resources.