<?php $this->load->view('web/layout/header'); ?>

<body data-spy="scroll" data-target=".navbar" data-offset="58">
    
        <!--Navbar Start-->
        <?php $this->load->view('web/layout/navbar'); ?>
        <!-- Navbar End -->


        <!-- Hero section Start -->
        <section class="hero-1 bg-primary" id="home">
            <!-- bg-overlay-img -->
            <div class="bg-overlay overflow-hidden bg-transparent">
                <div class="hero-1-bg"></div>
            </div>

            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-9">
                        <div class="hero-wrapper text-white-50 text-center">
                            <h5 class="text-white-50 home-small-title">DocNex</h5>
                            <h1 class="hero-1-title display-4 text-white mb-4">Lorem ipsum dolor sit amet consectetur.</h1>

                            <p class="mb-4">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque</p>

                            <div class="pt-2">
                                <a href="<?php echo base_url('restricted/auth/'); ?>" class="btn btn-light mr-2">Entrar</a>
                                <a href="<?php echo base_url('restricted/auth/create_account'); ?>" class="btn btn-info">Criar conta <i class="mdi mdi-arrow-right ml-1"></i></a>
                            </div>

                            <div class="home-img mt-5 mb-5">
                                <img src="<?php echo base_url('public/assets/web/images/home-img.png'); ?>" style="height: 333px;" alt="" class="img-fluid mx-auto d-block" />
                            </div>
                        </div>
                    </div>
                </div>
                <!-- end row -->
            </div>
            <!-- end container -->
        </section>
        <!-- Hero section End -->

        <!-- Start About -->
        <section class="section" id="about">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-10">
                        <div class="text-center mb-5">
                            <h3 class="mb-3">Sobre a DocNex</h3>
                            <p class="text-muted">
                            DocNex é uma plataforma de revisão por pares para periódicos e um produto da Conexão Soluções Corporativas, com sede em Goiânia, Goiás. <br>

                            DocNex é uma plataforma hospedada, projetada para permitir que sua equipe editorial trabalhe com mais eficiência. Com uma combinação equilibrada de simplificação do processo de revisão, automação e comunicação um a um, a DocNex ajuda sua equipe a otimizar o trabalho envolvido na preparação de manuscritos para publicação ou rejeição. <br>

                            Otimize seu tempo com a DocNex!
                            </p>
                        </div>
                    </div>
                </div>
                <!-- end row -->

                <div class="row">
                    <h3 class="mb-1 row justify-content-center about-h3">Combinamos</h3>
                    <div class="col-lg-4 col-md-4">
                        <div class="text-center p-4">
                            <div class="icons-xl mb-3">
                                <img src="<?php echo base_url('public/assets/web/images/check-circle.svg'); ?>" width="55" alt="">
                            </div>
                            <h5>Ética</h5>
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-4">
                        <div class="text-center p-4">
                            <div class="icons-xl mb-3">
                                <img src="<?php echo base_url('public/assets/web/images/focus-target.svg'); ?>" width="55" alt="">
                            </div>
                            <h5>Compromisso</h5>
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-4">
                        <div class="text-center p-4">
                            <div class="icons-xl mb-3">
                                <img src="<?php echo base_url('public/assets/web/images/laptop-cloud.svg'); ?>" width="55" alt="">
                            </div>
                            <h5>Tecnologia</h5>
                        </div>
                    </div>
                    <h3 class="mb-5 row justify-content-center about-h3">Para te entregar o melhor resultado!</h3>
                </div>
                <!-- end row -->
            </div>
            <!-- end container -->
        </section>
        <!-- end About -->

        <!-- Start Features -->
        <section class="section bg-light" id="features">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-8">
                        <div class="text-center title mb-5">
                            <p class="text-muted text-uppercase fw-normal mb-2">Publicações</p>
                            <h3 class="mb-3">Confira algumas de nossas publicações!</h3>
                            <div class="title-icon position-relative">
                                <div class="position-relative">
                                    <i class="uim uim-arrow-circle-down"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- end row -->

                <div class="row align-items-center">
                    <div class="col-lg-5 order-2 order-lg-1">
                        <div class="mt-4 mt-lg-0">
                            <h2>Nova Série Brasileira de Oftalmologia</h2>
                            <p class="text-muted mt-3 fs-5">Atualização em prática da oftalmologia geral e temas específicos.</p>

                            <div>
                                <p class="mb-2 text-muted">
                                    <span class="uim-icon-info mr-2 align-middle"><i class="uim uim-check-circle"></i></span>Anatomia do Aparelho Visual 
                                </p>
                                <p class="mb-2 text-muted">
                                    <span class="uim-icon-info mr-2 align-middle"><i class="uim uim-check-circle"></i></span>Banco de Olhos, Transplante de Córnea
                                </p>
                                <p class="text-muted">
                                    <span class="uim-icon-info mr-2 align-middle"><i class="uim uim-check-circle"></i></span>Cirurgia Refrativa
                                </p>
                                <p class="text-muted">
                                    <span class="uim-icon-info mr-2 align-middle"><i class="uim uim-check-circle"></i></span>Cristalino e Catarata
                                </p>
                            </div>
                            <div class="mt-4">
                                <a href="https://pubcon.com.br/produto/oculoplastica-e-oncologia-ocular/" class="read-more">Saiba mais...</a>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-6 ml-lg-auto col-sm-8 order-1 order-lg-2">
                        <div>
                            <img style="height: 590px;" src="<?php echo base_url('public/assets/web/uploads/oculoplastica.png'); ?>" alt="" class="img-fluid mx-auto d-block" />
                        </div>
                    </div>
                </div>
                <!-- end row -->

                <hr class="my-5" />

                <div class="row align-items-center">
                    <div class="col-lg-6 col-sm-8">
                        <div class="mt-4">
                            <img src="<?php echo base_url('public/assets/web/uploads/atualizacao-oculoplastica'); ?>" alt="" class="img-fluid mx-auto d-block img-thumbnail" />
                        </div>
                    </div>

                    <div class="col-lg-5 ml-lg-auto">
                        <div class="mt-5 mt-lg-4">
                            <h2>Atualização da Série Brasileira de Oftalmologia</h2>
                            <p class="text-muted mb-2 mt-3 fs-6">Estamos aplicando o melhor da tecnologia em Oftalmologia e recursos para nossos leitores. Em breve teremos nossa série totalmente atualizada.</p>
                            <div class="mt-4">
                                <a href="https://pubcon.com.br/produto/oculoplastica-e-oncologia-ocular/" class="read-more">Saiba mais...</a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- end row -->
            </div>
            <!-- end container -->
        </section>
        <!-- End Features -->

        <!-- Start cta section -->
        <section id="contact" class="py-5 bg-primary">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-md-9">
                        <div class="text-white-50">
                            <h3 class="text-white">Fazendo a sua publicação se tornar realidade de um jeito prático!</h3>
                            <p class="mb-0 fs-6">Lorem ipsum dolor sit amet.</p>
                        </div>
                    </div>

                    <div class="col-md-3">
                        <div class="mt-4 mt-md-0 text-md-right">
                            <a href="<?php echo base_url('home/create_account'); ?>" class="btn btn-info">Criar conta</a>
                        </div>
                    </div>
                </div>
                <!-- end row -->
            </div>
            <!-- end container -->
        </section>
        <!-- End cta section -->


        <!-- Start contact -->
        <section id="contact">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="card contact-section-card mb-0">
                            <div class="card-body p-md-5">
                                <div class="text-center title mb-5">
                                    <p class="text-muted text-uppercase fw-normal mb-2">Contato</p>
                                    <h3 class="mb-3">Tem alguma dúvida ?</h3>
                                    <div class="title-icon position-relative">
                                        <div class="position-relative">
                                            <i class="uim uim-arrow-circle-down"></i>
                                        </div>
                                    </div>
                                </div>
                                                  
                                <!-- start form -->
                                <form method="post" name="myForm" onsubmit="return validateForm()" href="javascript: void(0);">
                                    <p id="error-msg"></p>
                                    <div class="row">
                                        <div class="col-lg-6">
                                            <div class="mb-3">
                                                <label class="form-label" for="name">Nome</label>
                                                <input name="name" id="name" type="text" class="form-control" placeholder="Digite seu nome..." />
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="mb-3">
                                                <label class="form-label" for="email">Email</label>
                                                <input name="email" id="email" type="email" class="form-control" placeholder="Digite seu email..." />
                                            </div>
                                        </div>
                                    </div>
                                    <!-- end row -->

                                    <div class="mb-3">
                                        <label class="form-label" for="subject">Assunto</label>
                                        <input name="subject" id="subject" type="text" class="form-control" placeholder="Assunto..." />
                                    </div>

                                    <div class="mb-3">
                                        <label class="form-label" for="comments">Mensagem</label>
                                        <textarea name="comments" id="comments" rows="3" class="form-control" placeholder="Digite sua mensagem..."></textarea>
                                    </div>

                                    <div class="text-right">
                                        <input type="submit" id="submit" name="send" class="submitBnt btn btn-primary" value="Enviar" />
                            
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- end row -->
            </div>
            <!-- end container -->
        </section>
        <!-- end contact -->

        <!-- start footer -->
        <?php $this->load->view('web/layout/footer'); ?>