Gecko [ italicatiles.com ]

Name	Size	Permission
PHPMailer	[ DIR ]	drwxr-xr-x
admin	[ DIR ]	drwxr-xr-x
css	[ DIR ]	drwxr-xr-x
img	[ DIR ]	drwxr-xr-x
inc	[ DIR ]	drwxr-xr-x
js	[ DIR ]	drwxr-xr-x
php	[ DIR ]	drwxr-xr-x
plugins	[ DIR ]	drwxr-xr-x
uploads	[ DIR ]	drwxrwxrwx
vendor	[ DIR ]	drwxr-xr-x
videos	[ DIR ]	drwxr-xr-x
.htaccess	844 B	-rw-r--r--
-----index.html	4.76 KB	-rw-rw-r--
---catalogue.php	74.37 KB	-rw-r--r--
360.php	15.2 KB	-rw-r--r--
73766.jpg	997.9 KB	-rw-r--r--
Cart.class.php	6.98 KB	-rw-r--r--
about-us.php	32.79 KB	-rw-r--r--
add_cart.php	325 B	-rw-r--r--
aj_get_color_test2.php	29.86 KB	-rw-r--r--
aj_get_finish_test2.php	29.31 KB	-rw-r--r--
aj_get_size_test.php	32.16 KB	-rw-r--r--
aj_more_post.php	9.05 KB	-rw-r--r--
aj_more_post_finish.php	8.56 KB	-rw-r--r--
annual-retuns.php	11.32 KB	-rw-r--r--
blog-post.php	13.56 KB	-rw-r--r--
blog.php	6.47 KB	-rw-r--r--
builder.php	36.27 KB	-rw-r--r--
career.php	26.97 KB	-rw-r--r--
cart.php	6.65 KB	-rw-r--r--
catalogue.php	81.01 KB	-rw-r--r--
certifications.php	43.86 KB	-rw-r--r--
clear_cart.php	142 B	-rw-r--r--
composer.json	70 B	-rw-r--r--
composer.lock	15.78 KB	-rw-r--r--
csr.php	33.49 KB	-rw-r--r--
dealer-1.php	27.75 KB	-rw-r--r--
dealer.php	84.36 KB	-rw-r--r--
dealerbkp.php	55.94 KB	-rw-r--r--
delete_item.php	394 B	-rw-r--r--
design_by_italy.php	14.43 KB	-rw-r--r--
event_details.php	6.45 KB	-rw-r--r--
fetch_collection.php	846 B	-rw-r--r--
fetch_finish.php	904 B	-rw-r--r--
fetch_sizes.php	906 B	-rw-r--r--
fetch_surfaces.php	812 B	-rw-r--r--
fpdf.css	1.31 KB	-rw-r--r--
fpdf.php	49.65 KB	-rw-r--r--
generate_pdf.php	2.78 KB	-rw-r--r--
global-export.php	101.88 KB	-rw-r--r--
global-market-1.php	17.76 KB	-rw-r--r--
id-mapping.json	16.73 KB	-rw-r--r--
index.php	129.78 KB	-rw-r--r--
interior-architecture-2.php	59 KB	-rw-r--r--
interior-architecture.php	67.44 KB	-rw-r--r--
landing_page.html	9.74 KB	-rw-r--r--
located-us.php	34.96 KB	-rw-r--r--
manufacturer-and-supplier.php	73.38 KB	-rw-r--r--
milestones.php	15.72 KB	-rw-r--r--
news-play.php	6.62 KB	-rw-r--r--
product-detail-2.php	41.38 KB	-rw-r--r--
product-detail.php	38.5 KB	-rw-r--r--
product-list-back.php	33.34 KB	-rw-r--r--
product-list.php	37.42 KB	-rw-r--r--
product-search.php	28.81 KB	-rw-r--r--
promoter-profile.php	8.8 KB	-rw-r--r--
robots.txt	99 B	-rw-r--r--
save_cart.php	269 B	-rw-r--r--
search_result_all.php	8.51 KB	-rw-r--r--
search_result_application.php	6.78 KB	-rw-r--r--
search_result_color.php	8.93 KB	-rw-r--r--
search_result_finish.php	8.87 KB	-rw-r--r--
search_result_size.php	7.24 KB	-rw-r--r--
server-smtp.php	3.3 KB	-rw-r--r--
server.php	1.19 KB	-rw-r--r--
showroom.php	2.19 KB	-rw-r--r--
sitemap.xml	60.69 KB	-rw-r--r--
tiles-calculator.php	25.23 KB	-rw-r--r--
view_cart.php	3.17 KB	-rw-r--r--
volume.php	47.04 KB	-rw-r--r--
volume_bkp.php	35.94 KB	-rw-r--r--

Code Editor : milestones.php

<?php include "inc/header.php";?>
<?php include "inc/menu.php";?>
<style>
.project-name {
    text-align: center;
    padding: 10px 0;
}

.success {
    background: #5394b3 !important;
}

.timeline-container {
    max-width: 1000px;
    margin: 0 auto;
}

.timeline-icon img {
    padding: 9px
}

#timeline .timeline-item:after,
#timeline .timeline-item:before {
    content: '';
    display: block;
    width: 100%;
    clear: both;
}

#timeline {
    width: 100%;
    margin: 30px auto;
    position: relative;
    padding: 0 20px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

#timeline:before {
    content: "";
    width: 3px;
    height: 100%;
    background: #5394b3;
    left: 50%;
    top: 0;
    position: absolute;
}

#timeline:after {
    content: "";
    clear: both;
    display: table;
    width: 100%;
}

#timeline .timeline-item {
    margin-bottom: 50px;
    position: relative;
}

#timeline .timeline-item .timeline-icon {
    background: #5394b3;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 50%;
    overflow: hidden;
    margin-left: -23px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

#timeline .timeline-item .timeline-icon svg,
#timeline .timeline-item .timeline-icon .fa {
    position: relative;
    top: 13px;
    left: 14px;
    font-size: 24px;
    color: #fff;
}

#timeline .timeline-item .timeline-content {
    width: 45%;
    background: #fff;
    padding: 20px;
    -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#timeline .timeline-item .timeline-content h2 {
    padding: 10px;
    background: #5394b3;
    color: #fff;
    margin: -20px -20px 0 -20px;
    font-weight: 500;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    font-size: 22px;
    font-size: 20px;
    text-align: center;
}

#timeline .timeline-item .timeline-content p {
    padding-top: 10px;
    padding-bottom: 10px;
}

#timeline .timeline-item .timeline-content:before {
    content: '';
    position: absolute;
    left: 45%;
    top: 20px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #5394b3;
}

#timeline .timeline-item .timeline-content.right {
    float: right;
}

#timeline .timeline-item .timeline-content.right:before {
    content: '';
    right: 45%;
    left: inherit;
    border-left: 0;
    border-right: 7px solid #5394b3;
}

@media screen and (max-width: 768px) {
    #timeline {
        margin: 30px;
        padding: 0px;
        width: 90%;
    }

#timeline:before {
        left: 0;
    }

#timeline .timeline-item .timeline-content {
        width: 90%;
        float: right;
    }

#timeline .timeline-item .timeline-content:before,
    #timeline .timeline-item .timeline-content.right:before {
        left: 10%;
        margin-left: -6px;
        border-left: 0;
        border-right: 7px solid #5394b3;
    }

#timeline .timeline-item .timeline-icon {
        left: 0;
    }
}

/* Animation CSS */

/* icon animation */
.timeline-icon.is-hidden {
    visibility: hidden;
}

.timeline-icon.animate-it {
    visibility: visible;
    -webkit-animation: bounce-1 0.6s;
    -moz-animation: bounce-1 0.6s;
    animation: bounce-1 0.6s;
}

/* content block animation */
.timeline-content.is-hidden {
    visibility: hidden;
}
</style>

<div id="qodef-page-outer">
    <div
        class="qodef-page-title qodef-m qodef-title--breadcrumbs qodef-alignment--left qodef-vertical-alignment--header-bottom">
        <div class="qodef-m-inner">
            <div class="qodef-m-content qodef-content-full-width">
                <div itemprop="breadcrumb" class="qodef-breadcrumbs">
                    <a itemprop="url" class="qodef-breadcrumbs-link" href="index.php"><span
                            itemprop="title">Home</span></a>
                    <span class="qodef-breadcrumbs-separator"></span><span itemprop="title"
                        class="qodef-breadcrumbs-current">Brand</span> <span
                        class="qodef-breadcrumbs-separator"></span><span itemprop="title"
                        class="qodef-breadcrumbs-current">Milestones</span>
                </div>
                <div itemprop="breadcrumb" class="qodef-breadcrumbs">
                    <h4 class="page-heading">
                        Milestones
                    </h4>
                </div>
            </div>
        </div>
    </div>
    <div id="qodef-page-inner">
        <main id="qodef-page-content" class="qodef-grid qodef-layout--template " role="main">
            <div class="qodef-grid-inner clear">
                <div class="qodef-grid-item qodef-page-content-section qodef-col--12">
                    <div class="qodef-portfolio qodef-m qodef-portfolio-single qodef-layout--images-big">
                        <div class="timeline-container pt-100 pb-100">
                            <h1 class="project-name">The Story Unfolds</h1>
                            
                            <div id="timeline">

<div class="timeline-item">
                                    <div class="timeline-icon">
                                        <img decoding="async" src="img/fav-w.png" class="attachment-full size-full"
                                            alt="milestone" title="milestone">
                                    </div>
                                    <div class="timeline-content">
                                        <h2>Year 1997</h2>
                                        <p>
                                            Started our
                                            first
                                            sanitaryware
                                            plant at
                                            Morbi,
                                            Gujarat
                                        </p>
                                    </div>
                                </div>

<div class="timeline-item">
                                    <div class="timeline-icon">
                                        <img decoding="async" src="img/fav-w.png" class="attachment-full size-full"
                                            alt="milestone" title="milestone">
                                    </div>
                                    <div class="timeline-content right">
                                        <h2>Year 1999</h2>
                                        <p>
                                            Doubled the
                                            production
                                            capacity of
                                            sanitaryware
                                            plant
                                        </p>
                                    </div>
                                </div>

</p>
                                    </div>
                                </div>

<div class="timeline-item">
                                    <div class="timeline-icon">
                                        <img decoding="async" src="img/fav-w.png" class="attachment-full size-full"
                                            alt="milestone" title="milestone">
                                    </div>
                                    <div class="timeline-content right">
                                        <h2>Year 2006</h2>
                                        <p>
                                            Adopted the
                                            production of
                                            bigger sizes and
                                            became the first
                                            plant to
                                            manufacture
                                            600x600 mm
                                            Matt Porcelain
                                            tiles in Morbi
                                        </p>
                                    </div>
                                </div>

<div class="timeline-item">
                                    <div class="timeline-icon">
                                        <img decoding="async" src="img/fav-w.png" class="attachment-full size-full"
                                            alt="milestone" title="milestone">
                                    </div>
                                    <div class="timeline-content">
                                        <h2>Year 2013</h2>
                                        <p>
                                            Started a cotton
                                            yarn
                                            manufacturing
                                            unit at
                                            Dhrangadhra,
                                            Gujarat
                                        </p>
                                    </div>
                                </div>

<div class="timeline-item right">
                                    <div class="timeline-icon">
                                        <img decoding="async" src="img/fav-w.png" class="attachment-full size-full"
                                            alt="milestone" title="milestone">
                                    </div>
                                    <div class="timeline-content right">
                                        <h2>Year 2014</h2>
                                        <p>
                                            Opened
                                            second
                                            sanitaryware
                                            plant at
                                            Morbi
                                        </p>
                                    </div>
                                </div>

<div class="timeline-item">
                                    <div class="timeline-icon success">
                                        <img decoding="async" src="img/fav-w.png" class="attachment-full size-full"
                                            alt="milestone" title="milestone">
                                    </div>
                                    <div class="timeline-content">
                                        <h2>Year 2015</h2>
                                        <p>
                                            Started region's
                                            largest capacity
                                            textile
                                            manufacturing
                                            unit at Rajkot
                                            under the name
                                            'Fiotex'
                                        </p>
                                    </div>
                                </div>
                                <div class="timeline-item right">
                                    <div class="timeline-icon">
                                        <img decoding="async" src="img/fav-w.png" class="attachment-full size-full"
                                            alt="milestone" title="milestone">
                                    </div>
                                    <div class="timeline-content right">
                                        <h2>Year 2017</h2>
                                        <p>
                                            Established a
                                            state-of-the-art
                                            GVT manufacturing
                                            plant at Morbi
                                        </p>
                                    </div>
                                </div>

<div class="timeline-item">
                                    <div class="timeline-icon success">
                                        <img decoding="async" src="img/fav-w.png" class="attachment-full size-full"
                                            alt="milestone" title="milestone">
                                    </div>
                                    <div class="timeline-content">
                                        <h2>Year 2020</h2>
                                        <p>
                                           Started a ceramic tile plant  at Nairobi, Kenya under the brand name "Ramoda".
                                        </p>
                                    </div>
                                </div>
                                <div class="timeline-item right">
                                    <div class="timeline-icon">
                                        <img decoding="async" src="img/fav-w.png" class="attachment-full size-full"
                                            alt="milestone" title="milestone">
                                    </div>
                                    <div class="timeline-content right">
                                        <h2>Year 2021</h2>
                                        <p>
                                            Opened Italica
                                            Galleria, 35,000 sq. ft.
                                            display center in Morbi<br><br>
                                            Doubled the
                                            production capacity
                                            of GVT manufacturing
                                            plant at Morbi.
                                        </p>
                                    </div>
                                </div>

</div>
                        </div>

</div>
                </div>
            </div>
        </main>
    </div>
</div>

<?php include "inc/footer.php";?>

${this.title}

Code Editor : milestones.php