@extends('modelo.modelo')

@section('content')
<link rel="stylesheet" id="css-main" href="{{ asset('css/codebase.min.css') }}">
<link rel="stylesheet" id="css-main" href="{{ asset('css/estilo_CGI.css') }}">
<link rel="stylesheet" id="css-main" href="{{ asset('css/datatabela.css') }}">


<a href="javascript:history.back()" title="Back"><button class="btn btn-warning  btn-hero btn-sm"><i class="fa fa-arrow-left" aria-hidden="true"></i> Voltar</button></a>
<br>
    <br>
<div class="row">
    <div class="col-md-12 d-flex justify-content-center">

        <div class="block">
            <h1 class="text-center">Tutorial de como obter o ID (Telegram)</h1>
            <div class="block-header">
                <h3 class="text-center">
                    <h2><b>1 Passo&nbsp;:&nbsp;</b>Vá Até as configurações de seu celular.</h2>
                </h3>
            </div>
            <div class="block-content">
                <center><img src="{{ asset('img/telegram/1.jpeg') }}" width="250px"></center>
            </div>

            <hr>

            <div class="block-header">
                <h3 class="text-center">
                    <h2><b>2 Passo&nbsp;:&nbsp;</b>Vá Até a lupa para digitar.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h2>
                </h3>
            </div>
            <div class="block-content">
                <center><img src="{{ asset('img/telegram/2.jpeg') }}" width="250px"></center>
            </div>

            <hr>

            <div class="block-header">
                <h3 class="text-center">
                    <h2><b>3 Passo&nbsp;:&nbsp;</b>Digite no campo de busca <b>Contas.</b></h2>
                </h3>
            </div>
            <div class="block-content">
                <center><img src="{{ asset('img/telegram/3.jpeg') }}" width="250px"></center>
            </div>

            <hr>

            <div class="block-header">
                <h3 class="text-center">
                    <h2><b>4 Passo&nbsp;:&nbsp;</b>Clik no botão <b>Contas e Backup.</b> </h2>
                </h3>
            </div>
            <div class="block-content">
                <center><img src="{{ asset('img/telegram/4.jpeg') }}" width="250px"></center>
            </div>

            <hr>

            <div class="block-header">
                <h3 class="text-center">
                    <h2><b>5 Passo&nbsp;:&nbsp;</b>Clik no botão <b>Contas
                            .&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</b> </h2>
                </h3>
            </div>
            <div class="block-content">
                <center><img src="{{ asset('img/telegram/5.jpeg') }}" width="250px"></center>
            </div>

            <hr>

            <div class="block-header">
                <h3 class="text-center">
                    <h2><b>6 Passo&nbsp;:&nbsp;</b>Agora e só buscar o APP e copiar o ID.&nbsp;&nbsp;&nbsp;&nbsp;</h2>
                </h3>
            </div>
            <div class="block-content">
                <center><img src="{{ asset('img/telegram/6.jpeg') }}" width="250px"></center>
            </div>

            <hr>
            <div class="container-fluid p-2">
                <div class="class alert alert-danger p-2 text-center"><b>Para fazer este procedimento certifique-se que o
                    telegram esteja instalado no aparelho celular.</b></div>

            </div>

        </div>

    </div>


</div>
@endsection
