about page message page and netwwotk page added
This commit is contained in:
sujan
113
message.php
113
message.php
@ -1,102 +1,39 @@
|
||||
<?php include('header.php')?>
|
||||
<!--Hero Section Intro-->
|
||||
<section class="cover-background page-title-big-typography ipad-top-space-margin" style="margin-top: inherit;">
|
||||
<?php include('header.php');?>
|
||||
<!--Page Hero Section-->
|
||||
<section class="top-space-margin page-title-big-typography cover-background magic-cursor round-cursor" style="background-image: url("images/demo-accounting-company-title-bg.jpg"); margin-top: 141px;">
|
||||
<div class="background-position-center-bottom background-size-100 background-no-repeat position-absolute bottom-0 left-0px w-100 h-250px z-index-1" style="background-image: url('images/demo-seo-agency-about-bottom-bg.png');"></div>
|
||||
<div class="container">
|
||||
<div class="row align-items-center align-items-lg-end justify-content-center extra-very-small-screen g-0">
|
||||
<div class="col-xxl-7 col-xl-6 col-lg-7 position-relative page-title-extra-small md-mb-30px md-mt-auto appear anime-child anime-complete" data-anime="{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||
<h2 class="alt-font text-dark-gray fw-500 mb-0 ls-minus-1px shadow-none shadow-in" data-shadow-animation="true" data-animation-delay="700" style="">Transforming Ambitions into Achievements</h2>
|
||||
</div>
|
||||
<div class="col-lg-5 offset-xxl-2 offset-xl-1 border-start border-2 border-color-base-color ps-40px sm-ps-25px md-mb-auto"></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="overflow-hidden p-0">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12 p-0 position-relative"> <img src="images/demo-real-estate-about-01.jpg" alt="" class="w-100" data-no-retina="">
|
||||
<div class="alt-font fw-600 fs-350 lg-fs-275 md-fs-250 xs-fs-160 ls-minus-5px xs-ls-minus-2px position-absolute right-minus-50px lg-right-0px bottom-minus-80px md-bottom-minus-60px xs-bottom-minus-40px text-white text-outline text-outline-width-3px skrollable skrollable-between" data-bottom-top="transform: translate3d(80px, 0px, 0px);" data-top-bottom="transform: translate3d(-280px, 0px, 0px);" style="transform: translate3d(59.8157px, 0px, 0px);">about</div>
|
||||
<div class="row extra-very-small-screen align-items-center">
|
||||
<div class="col-lg-5 col-sm-8 position-relative page-title-extra-small appear anime-child anime-complete" data-anime="{ "el": "childs", "opacity": [0, 1], "translateX": [-30, 0], "duration": 800, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||
<h1 class="mb-20px text-white text-shadow-medium" style=""><span class="w-30px h-2px bg-yellow d-inline-block align-middle position-relative top-minus-2px me-10px"></span>Access Education Network</h1>
|
||||
<h2 class="text-white text-shadow-medium fw-500 ls-minus-2px mb-0" style="">Message</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!--Hero Section Intro-->
|
||||
<!--Page Hero section End-->
|
||||
|
||||
<!--MD Intro Section-->
|
||||
<section class="position-relative overflow-hidden section-dark">
|
||||
<section class="extra-big-section">
|
||||
<div class="container">
|
||||
<div class="row align-items-center position-relative">
|
||||
<div class="col-lg-6">
|
||||
<div class="outside-box-left-20 md-outside-box-left-0 skrollable skrollable-between" data-bottom-top="transform:scale(1.1, 1.1)" data-top-bottom="transform:scale(1, 1)" style="transform: scale(1.07952, 1.07952);"> <img src="images/demo-web-agency-01.jpg" alt="" data-no-retina=""> </div>
|
||||
</div>
|
||||
<div class="col-lg-5 offset-lg-1 z-index-9 md-mt-35px appear anime-child anime-complete" data-anime="{ "el": "childs", "translateX": [15, 0], "opacity": [0,1], "duration": 800, "delay": 200, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||
<h1 class="text-dark-gray fw-600 mb-40px md-mb-25px outside-box-left-15 md-outside-box-left-0 ls-minus-3px word-break-normal" style="">Simply a better way to learn
|
||||
</h1>
|
||||
<p class="lh-34 w-95 mb-30px lg-w-100" style="">Education is essential for the continuation of a person's growth. In this highly competitive educational scenario it is important to keep abreast. With higher education you don’t just keep abreast, you move ahead. Your choice of education will shape your future. Education is the building block of human experience. It is not just an integral part of your professional life but greatly influences your overall personality. Our three- fold mission is that of “Mentoring” the youth of this country to dream “Motivating” them towards greater hopes and aspiration and “Guiding” them on the right track to realize those ambitions. We at Access Education are with you every step of the way to make the best choices to enhance your inherent talents.
|
||||
|
||||
</p>
|
||||
<a href="demo-web-agency-about.html" class="btn btn-large btn-expand-ltr text-dark-gray btn-rounded fw-700" style=""><span class="bg-base-color"></span>About agency</a>
|
||||
<div class="outside-box-right-30 position-absolute right-0px bottom-minus-50px xl-outside-box-right-25 md-outside-box-right-0 d-none d-md-inline-block" style="">
|
||||
<div class="fs-300 xl-fs-250 lg-fs-200 text-base-color fw-600 ls-minus-20px word-break-normal skrollable skrollable-before" data-bottom-top="transform:scale(1, 1) translate3d(0px, 0px, 0px);" data-top-bottom="transform:scale(1, 1) translate3d(-100px, 0px, 0px);" style="transform: scale(1, 1) translate3d(0px, 0px, 0px);">about</div>
|
||||
</div>
|
||||
<div class="col-lg-5 col-md-7 col-sm-10 position-relative p-0 lg-ps-15px lg-pe-15px md-mb-50px appear anime-complete" data-anime="{ "translateX": [0, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }" style=""> <img src="images/demo-travel-agency-reviews-01.jpg" class="border-radius-6px md-w-100" alt="" data-no-retina=""> </div>
|
||||
|
||||
|
||||
<div class="col-lg-7 col-md-10 md-mb-5 sm-mb-20">
|
||||
<h2>Leading with Purpose and Passion</h2>
|
||||
<p>Education is essential for the continuation of a person's growth. In this highly competitive educational scenario it is important to keep abreast. With higher education you don’t just keep abreast, you move ahead. Your choice of education will shape your future. Education is the building block of human experience. It is not just an integral part of your professional life but greatly influences your overall personality. Our three- fold mission is that of “Mentoring” the youth of this country to dream “Motivating” them towards greater hopes and aspiration and “Guiding” them on the right track to realize those ambitions. We at Access Education are with you every step of the way to make the best choices to enhance your inherent talents. </p>
|
||||
<p>For students going abroad, a sound knowledge and understanding of the educational opportunities is vital. Many students require personal guidance in finding a suitable course, school, college or university. We believe in setting high standards in the quality of service provided to students to ensure that their stay abroad is safe, successful and enjoyable. Access Education Network will help you to make the right choice. Our educational background and exposure to international studentship have equipped us with an appreciation of students’ needs and ability to empathies with parents who are so far from their children. I invite you very warmly to experience the benefits of our service and find out for yourself what is considered to be special about Access. </p>
|
||||
<h3>Puspa Raj</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!--MD Intro Section End-->
|
||||
|
||||
<!--Blog Section-->
|
||||
<section class="bg-gradient-quartz-white border-radius-6px lg-border-radius-0px pb-0">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center mb-3">
|
||||
<div class="col-lg-7 text-center appear anime-child anime-complete" data-anime="{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||
<h3 class="text-dark-gray fw-700 ls-minus-1px" style="">Get Every Single Updates</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-5 sm-mb-7">
|
||||
<div class="col-12">
|
||||
<ul class="blog-grid blog-wrapper grid grid-3col xl-grid-3col lg-grid-3col md-grid-2col sm-grid-2col xs-grid-1col gutter-extra-large appear anime-child anime-complete" data-anime="{ "el": "childs", "translateY": [50, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }" style="position: relative; height: 572.953px;">
|
||||
<li class="grid-sizer"></li>
|
||||
<!-- start blog item -->
|
||||
<li class="grid-item" style="position: absolute; left: 0%; top: 0px; transition: none;">
|
||||
<div class="card border-0 border-radius-5px box-shadow-quadruple-large box-shadow-quadruple-large-hover">
|
||||
<div class="blog-image"> <a href="blog-details.php" class="d-block"><img src="images/access-image/gokul.jpg" alt="" data-no-retina=""></a>
|
||||
<div class="blog-categories"></div>
|
||||
</div>
|
||||
<div class="card-body p-8"> <a href="blog-details.php" class="card-title mb-15px fw-700 fs-19 text-dark-gray d-inline-block md-w-100">Access Education Network Lights Up Pokhara Street Festival</a>
|
||||
<div class="blog-btn"><a href="blog-details.php" class="btn btn-link btn-hover-animation-switch btn-large fw-700 text-base-color d-table d-lg-inline-block xl-mb-15px md-mx-auto"> <span> <span class="btn-text">Read More</span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> </span> </a></div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<!-- end blog item -->
|
||||
|
||||
<!-- start blog item -->
|
||||
<li class="grid-item" style="position: absolute; left: 33.3298%; top: 0px; transition: none;">
|
||||
<div class="card border-0 border-radius-5px box-shadow-quadruple-large box-shadow-quadruple-large-hover">
|
||||
<div class="blog-image"> <a href="blog-details.php" class="d-block"><img src="images/access-image/access.jpg" alt="" data-no-retina=""></a>
|
||||
<div class="blog-categories"> </div>
|
||||
</div>
|
||||
<div class="card-body p-8"> <a href="blog-details.php" class="card-title mb-15px fw-700 fs-19 text-dark-gray d-inline-block md-w-100">Access at 19: A Logo for the Legacy, A Vision for Tomorrow</a>
|
||||
<div class="blog-btn"><a href="blog-details.php" class="btn btn-link btn-hover-animation-switch btn-large fw-700 text-base-color d-table d-lg-inline-block xl-mb-15px md-mx-auto"> <span> <span class="btn-text">Read More</span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> </span> </a></div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<!-- end blog item -->
|
||||
<!-- start blog item -->
|
||||
<li class="grid-item" style="position: absolute; left: 66.6597%; top: 0px; transition: none;">
|
||||
<div class="card border-0 border-radius-5px box-shadow-quadruple-large box-shadow-quadruple-large-hover">
|
||||
<div class="blog-image"> <a href="blog-details.php" class="d-block"><img src="images/access-image/tech.jpg" alt="" data-no-retina=""></a>
|
||||
<div class="blog-categories"> </div>
|
||||
</div>
|
||||
<div class="card-body p-8"> <a href="blog-details.php" class="card-title mb-15px fw-700 fs-19 text-dark-gray d-inline-block md-w-100">Be the strong willed one the public relationship.</a>
|
||||
<div class="blog-btn"><a href="blog-details.php" class="btn btn-link btn-hover-animation-switch btn-large fw-700 text-base-color d-table d-lg-inline-block xl-mb-15px md-mx-auto"> <span> <span class="btn-text">Read More</span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> </span> </a></div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<!-- end blog item -->
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--Message Section-->
|
||||
|
||||
<section class="position-relative overflow-hidden">
|
||||
<div class="one-third-screen md-h-600px sm-h-350px skrollr-parallax magic-cursor round-cursor mx-auto skrollable skrollable-after" data-bottom-top="width: 54%" data-center-top="width: 86%;" data-parallax-background-ratio="0.5" style="background-image: url("images/demo-scattered-portfolio-about-06.jpg"); width: 86%; background-position: 50% 230px;"></div>
|
||||
</section>
|
||||
<!--Blog Section End-->
|
||||
<?php include('footer.php')?>
|
||||
<!--Message Section End-->
|
||||
|
||||
<?php include('footer.php');?>
|
||||
Reference in New Issue
Block a user