<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="Zain ul Abdin">
    <title>GEO 4.0</title>

    <!-- CSS -->
    <link href="assets/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
    <link href="assets/css/custom.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
</head>

<body>
    <header class="page-header">
        <nav class="navbar navbar-expand-md">
            <a class="navbar-brand" href="#"><img src="assets/img/Logo.png"></a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault"
                aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>

            <div class="collapse navbar-collapse" id="navbarsExampleDefault">
                <ul class="navbar-nav ml-auto">
                    <li class="nav-item active">
                        <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
                    </li>
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown"
                            aria-expanded="false">About</a>
                        <div class="dropdown-menu">
                            <a class="dropdown-item" href="#">Partner Societies</a>
                            <a class="dropdown-item" href="#">Meet the Committee</a>
                            <a class="dropdown-item" href="#">Previous Edition</a>
                            <a class="dropdown-item" href="#">News & Blogs</a>
                        </div>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">Call for Papers</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link">Technical Problem</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link">Hackathon</a>
                    </li>
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown"
                            aria-expanded="false">Attend</a>
                        <div class="dropdown-menu">
                            <a class="dropdown-item" href="#">Register</a>
                            <a class="dropdown-item" href="#">Travel & Accommodation</a>
                        </div>
                    </li>
                    <li class="nav-item">
                        <a href="#" class="nav-link">Exhibit & Sponsor</a>
                    </li>
                </ul>
            </div>
        </nav>
    </header>

    <div class="heroSection">
        <div class="image">
            <img src="assets/img/MainImage.png" alt="">
        </div>
        <div class="content">
            <div class="top">
                <img src="assets/img/bigLogo.svg" alt="">
            </div>
            <div class="text">
                <h2>DIGITALIZATION IN
                    GEOSCIENCES SYMPOSIUM</h2>
                <h3>Shaping Innovation for a Sustainable Future</h3>
            </div>
            <div class="link">
                <a href="#" class="btn btn-gredient btn-shadow btn-lg">21-24 OCTOBER 2024 <span>AL KHOBAR, SAUDI
                        ARABIA</span></a>
            </div>
        </div>
    </div>

    <div class="simpleTextSection">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <div class="textBox">
                        <p>The American Association of Petroleum Geologists (AAPG), the European Association of Geoscientists and Engineers (EAGE) and the Society of Exploration Geophysicists (SEG) are pleased to collaborate on the upcoming Digitalization in Geosciences Symposium.</p>

                        <p>This event will facilitate knowledge sharing and collaboration among professionals who are engaged in implementing digitalization technologies and machine learning algorithms in geoscience applications.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="highligtedArea">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <div class="head">
                        <h2>HIghtligted Topic</h2>
                    </div>
                    <div class="topicSection">
                        <div class="topics">
                            <h4>Geosceinces</h4>
                        </div>
                        <div class="topics inv">
                            <h4>DIGITAL
                                TRANSFORMATION</h4>
                        </div>
                        <div class="topics">
                            <h4>IR 4:0 & iR5:0</h4>
                        </div>
                        <div class="topics inv">

                            <h4>GEOPHYSICS</h4>
                        </div>
                        <div class="topics">

                            <h4>AI & MACHINE
                                LEARNING</h4>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="gridSection">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <div class="layoutGrids">
                        <div class="left">
                            <div class="icon">
                                <i class="icon-avtar"></i>
                            </div>
                            <div class="text">
                                Exhibit & Sponsor
                            </div>
                        </div>
                        <div class="mid">
                            <div class="one">
                                <div class="icon">
                                    <i class="icon-horn"></i>
                                </div>
                                <div class="text">
                                    Call for Papers</div>
                            </div>
                            <div class="two">
                                <div class="icon">
                                    <i class="icon-fragment"></i>
                                </div>
                                <div class="text">
                                    Hackathon</div>
                            </div>
                        </div>
                        <div class="right">
                            <div class="icon">
                                <i class="icon-tech"></i>
                            </div>
                            <div class="text">Technical Program</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="callForSection">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <div class="callFor">
                        <div class="left">
                            <h3>Call for Papers</h3>
                            <ul>
                                <li><span></span>Call For Abstracts Form</li>
                                <li><span></span>Abstracts Template</li>
                            </ul>
                        </div>
                        <div class="right">
                            <small>Deadline For The Call For Papers</small>
                            <h4>1st May 2024</h4>
                            <a href="#" class="btn btn-gredient">Submit</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="partnerSection">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <div class="partners">
                        <div class="left">
                            <div class="head">
                                Hosted By
                            </div>
                            <div class="image">
                                <img src="assets/img/partner1.png" alt="">
                            </div>
                        </div>
                        <div class="right">
                            <div class="partnerDual">
                                <div class="each">
                                    <div class="head">
                                        Principal Sponsor
                                    </div>
                                    <div class="image">
                                        <img src="assets/img/partner2.png" alt="">
                                    </div>
                                </div>
                                <div class="each">
                                    <div class="head">
                                        Organising Socities
                                    </div>
                                    <div class="image mt-4">
                                        <img src="assets/img/partner3.png" alt="">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <footer>
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <div class="footerInfo">
                        <div class="left">
                            <div class="image">
                                <img src="assets/img/logo-inv.png" alt="">
                            </div>
                        </div>
                        <div class="right">
                            <div class="each">
                                <ul>
                                    <li><a href="#_">Home</a></li>
                                    <li><a href="#_">About Us</a></li>
                                    <li><a href="#_">Call for Papers</a></li>
                                    <li><a href="#_">Technical Programme</a></li>
                                </ul>
                            </div>
                            <div class="each">
                                <ul>
                                    <li><a href="#_">Hackathon</a></li>
                                    <li><a href="#_">Attend</a></li>
                                    <li><a href="#_">Exhibit & Sponsor</a></li>
                                </ul>
                            </div>
                            <div class="each">
                                <div class="text">Social Links</div>
                                <ul class="socialLink">
                                    <li><a href="#_"><i class="icon-facebook"></i></a></li>
                                    <li><a href="#_"><i class="icon-instagram"></i></a></li>
                                    <li><a href="#_"><i class="icon-twitter"></i></a></li>
                                    <li><a href="#_"><i class="icon-inkedin"></i></a></li>
                                </ul>
                            </div>
                            <div class="each">
                                <div class="text">Contact Info</div>
                                <div class="add">
                                    <div class="icon">
                                        <i class="icon-pin"></i>
                                    </div>
                                    <div class="addInfo">
                                        647 Linda Street
Phoenixvlle, PA 194860
USA
                                    </div>
                                </div>
                                <div class="add">
                                    <div class="icon">
                                        <i class="icon-pin"></i>
                                    </div>
                                    <div class="addInfo">
                                        +1 234 423 2231
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>


    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
        integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
        crossorigin="anonymous"></script>
    <script>window.jQuery || document.write('<script src="/docs/4.6/assets/js/vendor/jquery.slim.min.js"><\/script>')</script>
    <script src="assets/js/bootstrap.bundle.min.js"
        integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct"
        crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
    <script src="assets/js/custom.js"></script>
</body>

</html>