<!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 Abstracts</a>
                    </li>
                    <!--<li class="nav-item">
                        <a class="nav-link">Technical Programme</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">Sponsorship & Exhibition</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="videoSection">
        <div class="head">
            <h2>Quick overview of the event</h2>
        </div>
        <div class="owl-carousel owl-theme videoSlider">
            <div class="video">
                <video class="tv_video" width="720"
                    poster="https://images.pexels.com/photos/270348/pexels-photo-270348.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260">
                    <source src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-1080p.mp4"
                        type="video/mp4">
                </video>
                <div class="play-bt" data-toggle="modal" data-target="#videoModal1">
                    <svg xmlns="http://www.w3.org/2000/svg" width="110" height="110" viewBox="0 0 110 110"
                        fill="none">
                        <circle cx="55" cy="55" r="54" fill="black" fill-opacity="0.7" stroke="white"
                            stroke-width="2" />
                        <path d="M77 54.3684L43.8421 78.0702L43.8421 30.6667L77 54.3684Z" fill="white" />
                    </svg>
                </div>
            </div>
            <div class="video">
                <video class="tv_video" width="720"
                    poster="https://images.pexels.com/photos/270348/pexels-photo-270348.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260">
                    <source src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-1080p.mp4"
                        type="video/mp4">
                </video>
                <div class="play-bt" data-toggle="modal" data-target="#videoModal1">
                    <svg xmlns="http://www.w3.org/2000/svg" width="110" height="110" viewBox="0 0 110 110"
                        fill="none">
                        <circle cx="55" cy="55" r="54" fill="black" fill-opacity="0.7" stroke="white"
                            stroke-width="2" />
                        <path d="M77 54.3684L43.8421 78.0702L43.8421 30.6667L77 54.3684Z" fill="white" />
                    </svg>
                </div>
            </div>
            <div class="video">
                <video class="tv_video" width="720"
                    poster="assets/img/videoBg.jpg">
                    <source src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-1080p.mp4"
                        type="video/mp4">
                </video>
                <div class="play-bt" data-toggle="modal" data-target="#videoModal1">
                    <svg xmlns="http://www.w3.org/2000/svg" width="110" height="110" viewBox="0 0 110 110"
                        fill="none">
                        <circle cx="55" cy="55" r="54" fill="black" fill-opacity="0.7" stroke="white"
                            stroke-width="2" />
                        <path d="M77 54.3684L43.8421 78.0702L43.8421 30.6667L77 54.3684Z" fill="white" />
                    </svg>
                </div>
            </div>
            <div class="video">
                <video class="tv_video" width="720"
                    poster="https://images.pexels.com/photos/270348/pexels-photo-270348.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260">
                    <source src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-1080p.mp4"
                        type="video/mp4">
                </video>
                <div class="play-bt" data-toggle="modal" data-target="#videoModal1">
                    <svg xmlns="http://www.w3.org/2000/svg" width="110" height="110" viewBox="0 0 110 110"
                        fill="none">
                        <circle cx="55" cy="55" r="54" fill="black" fill-opacity="0.7" stroke="white"
                            stroke-width="2" />
                        <path d="M77 54.3684L43.8421 78.0702L43.8421 30.6667L77 54.3684Z" fill="white" />
                    </svg>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <div class="text">
                        <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 spearhead knowledge sharing and collaboration among professionals who are
                            engaged in implementing digitalization technologies and machine learning algorithms in
                            geoscience applications. It will include an exciting technical programme, a hackathon and as
                            well as exhibition and sponsorship opportunities to help with company exposure
                            and networking.</p>
                    </div>

                    <div class="link">
                        <a href="#" class="btn btn-gredient">Read More</a>
                    </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="importantDates">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <div class="head">
                        <h2>Important Dates</h2>
                    </div>
                    <div class="cardDatesSection">
                        <div class="owl-carousel impDates">
                            <div class="cardDates">
                                <div class="top">
                                    <div class="icon">
                                        <i class="icon-calender"></i>
                                    </div>
                                    <div class="date">
                                        <h4>10</h4>
                                        <div class="detail">
                                            <span>January</span>
                                            <span>2023</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="info">
                                    Call for Abstracts Deadline
                                </div>
                            </div>
                            <div class="cardDates">
                                <div class="top">
                                    <div class="icon">
                                        <i class="icon-calender"></i>
                                    </div>
                                    <div class="date">
                                        <h4>10</h4>
                                        <div class="detail">
                                            <span>January</span>
                                            <span>2023</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="info">
                                    Call for Abstracts Deadline
                                </div>
                            </div>
                            <div class="cardDates">
                                <div class="top">
                                    <div class="icon">
                                        <i class="icon-calender"></i>
                                    </div>
                                    <div class="date">
                                        <h4>10</h4>
                                        <div class="detail">
                                            <span>January</span>
                                            <span>2023</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="info">
                                    Call for Abstracts Deadline
                                </div>
                            </div>
                            <div class="cardDates">
                                <div class="top">
                                    <div class="icon">
                                        <i class="icon-calender"></i>
                                    </div>
                                    <div class="date">
                                        <h4>10</h4>
                                        <div class="detail">
                                            <span>January</span>
                                            <span>2023</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="info">
                                    Call for Abstracts Deadline
                                </div>
                            </div>
                            <div class="cardDates">
                                <div class="top">
                                    <div class="icon">
                                        <i class="icon-calender"></i>
                                    </div>
                                    <div class="date">
                                        <h4>10</h4>
                                        <div class="detail">
                                            <span>January</span>
                                            <span>2023</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="info">
                                    Call for Abstracts Deadline
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="link">
                        <a href="#" class="btn btn-d-orange">View Calender</a>
                    </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">
                            <a href="#">
                                <div class="icon">
                                    <i class="icon-horn"></i>
                                </div>
                                <div class="text">
                                    Call for Abstracts
                                </div>
                            </a>
                        </div>
                        <div class="mid">
                            <div class="one">
                                <a href="#">
                                <div class="icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-person-fill" viewBox="0 0 16 16">
                                    <path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"/>
                                    </svg>																		
                                </div>
                                <div class="text">
                                    Meet the Committee</div></a>
                            </div>
                            <div class="two">
							<a href="#">
                                <div class="icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-people-fill" viewBox="0 0 16 16">
                                    <path d="M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1H7Zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-5.784 6A2.238 2.238 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.325 6.325 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1h4.216ZM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z"/>
                                    </svg>
                                </div>
                                <div class="text">
                                    Organizing Societies</div></a>
                            </div>
                        </div>
                        <div class="right">
						<a href="#">
                            <div class="icon">
                                <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-bar-chart-line" viewBox="0 0 16 16">
                                <path d="M11 2a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v12h.5a.5.5 0 0 1 0 1H.5a.5.5 0 0 1 0-1H1v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h1V7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v7h1V2zm1 12h2V2h-2v12zm-3 0V7H7v7h2zm-5 0v-3H2v3h2z"/>
                                </svg>
                            </div>
                            <div class="text">Sponsorship & Exhibition</div></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="testimonials">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <div class="head">
                        <h2>committee quotes</h2>
                    </div>
                    <div class="owl-carousel owl-theme testi">
                        <div class="item">
                            <div class="text">
                                <p>It is a long established fact that a reader will be distracted by the readable
                                    content of a page It is a long established fact that a reader will by the readable
                                    content.</p>
                                <div class="name">
                                    <p>Steven Roberts</p>
                                    <small>Director GE 4.0</small>
                                </div>
                                <div class="font">
                                    <i class="icon-quote"></i>
                                </div>
                            </div>
                            <div class="image">
                                <img src="assets/img/img.png" alt="">
                            </div>
                        </div>
                        <div class="item">
                            <div class="text">
                                <p>It is a long established fact that a reader will be distracted by the readable
                                    content of a page It is a long established fact that a reader will by the readable
                                    content.</p>
                                <div class="name">
                                    <p>Steven Roberts</p>
                                    <small>Director GE 4.0</small>
                                </div>
                                <div class="font">
                                    <i class="icon-quote"></i>
                                </div>
                            </div>
                            <div class="image">
                                <img src="assets/img/img.png" alt="">
                            </div>
                        </div>
                        <div class="item">
                            <div class="text">
                                <p>It is a long established fact that a reader will be distracted by the readable
                                    content of a page It is a long established fact that a reader will by the readable
                                    content.</p>
                                <div class="name">
                                    <p>Steven Roberts</p>
                                    <small>Director GE 4.0</small>
                                </div>
                                <div class="font">
                                    <i class="icon-quote"></i>
                                </div>
                            </div>
                            <div class="image">
                                <img src="assets/img/img.png" alt="">
                            </div>
                        </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>

    <div class="modal videoModal fade" id="videoModal1">
        <div class="modal-dialog modal-lg  modal-dialog-centered">
            <div class="modal-content">
                <button type="button" class="close" aria-label="Close"  data-dismiss="modal">
                    <span aria-hidden="true">&times;</span>
                </button>
                <div class="modal-body">
                    <video width="100%" controls>
                        <source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
                        Your browser does not support the video tag.
                    </video>
                </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 Abstracts</a></li>
									<li><a href="#">Exhibit & Sponsor</a></li>
                                    <!--<li><a href="#_">Technical Programme</a></li>-->
                                </ul>
                            </div>
							<div class="each">
                                <div class="text">Contact Us</div>
								<div class="add">
                                    <div class="icon">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope" viewBox="0 0 16 16">
                                        <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2Zm13 2.383-4.708 2.825L15 11.105V5.383Zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741ZM1 11.105l4.708-2.897L1 5.383v5.722Z"/>
                                        </svg>
                                    </div>
                                    <div class="addInfo">
                                        contact@geo4event.com
                                    </div>
                                </div>
                                <div class="add">
                                    <div class="icon">
                                        <i class="icon-pin"></i>
                                    </div>
                                    <div class="addInfo">
                                        +1 234 423 2231
                                    </div>
                                </div>
								<ul class="socialLink">
                                    <li><a href="https://www.linkedin.com/"><i class="icon-inkedin"></i></a></li>
                                </ul>								
                            </div>
							<div class="each">
                                <div class="text">Location</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>
                            <!--<div class="each">
                                <ul>
                                    <li><a href="#_">Hackathon</a></li>
                                    <li><a href="#_">Attend</a></li>
                                    <li><a href="exhibit.html">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>
                    </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>