forked from akashyap2013/PortFolio_Website
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Showing
6 changed files
with
1,013 additions
and
494 deletions.
There are no files selected for viewing
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,284 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <meta http-equiv="X-UA-Compatible" content="ie=edge"> | ||
| <title>Valter Cossa</title> | ||
|
|
||
|
|
||
| <!-- Bootstrap css file --> | ||
| <link rel="stylesheet" href="./css/bootstrap.min.css"> | ||
|
|
||
| <!-- font awesome icons --> | ||
| <link rel="stylesheet" href="./css/all.min.css"> | ||
|
|
||
|
|
||
| <!-- Magnific Popup css file --> | ||
| <link rel="stylesheet" href="./vendor/Magnific-Popup/dist/magnific-popup.css"> | ||
|
|
||
|
|
||
| <!-- Owl-carousel css file --> | ||
| <link rel="stylesheet" href="./vendor/owl-carousel/css/owl.carousel.min.css"> | ||
| <link rel="stylesheet" href="./vendor/owl-carousel/css/owl.theme.default.min.css"> | ||
|
|
||
|
|
||
| <!-- custom css file --> | ||
| <link rel="stylesheet" href="./css/style.css"> | ||
|
|
||
| <!-- Responsive css file --> | ||
| <link rel="stylesheet" href="./css/responsive.css"> | ||
|
|
||
| </head> | ||
|
|
||
| <body> | ||
|
|
||
|
|
||
| <!-- ======================= Start Header Area ============================== --> | ||
|
|
||
| <header class="header_area"> | ||
| <div class="main-menu"> | ||
| <nav class="navbar navbar-expand-lg navbar-light"> | ||
| <a class="navbar-brand" href="#"><img src="#" alt="logo"></a> | ||
| <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" | ||
| aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> | ||
| <span class="navbar-toggler-icon"></span> | ||
| </button> | ||
| <div class="collapse navbar-collapse" id="navbarNav"> | ||
| <div class="mr-auto"></div> | ||
| <ul class="navbar-nav"> | ||
| <li class="nav-item"> | ||
| <a class="nav-link" href="./index.html">Home <span class="sr-only">(current)</span></a> | ||
| </li> | ||
| <li class="nav-item active"> | ||
| <a class="nav-link" href="./about.html">about</a> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a class="nav-link" href="./service.html">services</a> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a class="nav-link" href="./project.html">portfolio</a> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a class="nav-link" href="./brand.html">pages</a> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a class="nav-link" href="#">blog</a> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a class="nav-link" href="#">contact</a> | ||
| </li> | ||
|
|
||
| </ul> | ||
| </div> | ||
| </nav> | ||
| </div> | ||
| </header> | ||
|
|
||
| <!-- ======================= End Header Area ============================== --> | ||
|
|
||
| <!-- ======================= Start Main Area ================================ --> | ||
| <main class="site-main"> | ||
|
|
||
| <!-- ========================= About Area ========================== --> | ||
|
|
||
| <section class="about-area"> | ||
| <div class="container-fluid"> | ||
| <div class="row"> | ||
| <div class="col-lg-6 col-md-12"> | ||
| <div class="about-image"> | ||
| <img src="./img/about-us.png" alt="About us" class="img-fluid"> | ||
| </div> | ||
| </div> | ||
| <div class="col-lg-6 col-md-12 about-title"> | ||
| <h2 class="text-uppercase pt-5"> | ||
| <span>Let me</span> | ||
| <span>introduce</span> | ||
| <span>myself</span> | ||
| </h2> | ||
| <div class="paragraph py-4 w-75"> | ||
| <p class="para"> | ||
| Lorem ipsum dolor sit amet consectetur adipisicing elit. Error rerum iure obcaecati vel | ||
| possimus officia maiores perferendis ut! Quos, perspiciatis. | ||
| </p> | ||
| <p class="para"> | ||
| It is a long established fact that a reader will be distracted by the readable content | ||
| of a page when looking at its layout. The point of using Lorem Ipsum is that it has a | ||
| more-or-less normal distribution of letters, as opposed to using 'Content here, content | ||
| here | ||
| </p> | ||
| </div> | ||
| <button type="button" class="btn button primary-button text-uppercase">Download cv</button> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> | ||
|
|
||
| <!-- ========================= End About Area ========================== --> | ||
|
|
||
|
|
||
|
|
||
| <!-- ======================== About Me Area ============================== --> | ||
|
|
||
| <section class="about-area"> | ||
| <div class="container"> | ||
| <div class="row text-center"> | ||
| <div class="col-12"> | ||
| <div class="about-title"> | ||
| <h1 class="text-uppercase title-h1">Client Say about me</h1> | ||
| <p class="para"> | ||
| Lorem ipsum dolor sit, amet consectetur adipisicing elit. Repellendus, deleniti | ||
| recusandae. Esse incidunt rem repellendus ab voluptates maxime? Nemo, numquam! | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="container carousel py-lg-5"> | ||
| <div class="owl-carousel owl-theme"> | ||
| <div class="client row"> | ||
| <div class="col-lg-4 col-md-12 client-img"> | ||
| <img src="./img/testimonials/t1.jpg" alt="img1" class="img-fluid"> | ||
| </div> | ||
| <div class="col-lg-8 col-md-12 about-client"> | ||
| <h4 class="text-uppercase">John Martin</h4> | ||
| <p class="para">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quidem architecto | ||
| consequuntur ratione, obcaecati corrupti deserunt.</p> | ||
| </div> | ||
| </div> | ||
| <div class="client row"> | ||
| <div class="col-lg-4 col-md-12 client-img"> | ||
| <img src="./img/testimonials/t2.jpg" alt="img2" class="img-fluid"> | ||
| </div> | ||
| <div class="col-lg-8 col-md-12 about-client"> | ||
| <h4 class="text-uppercase">Mac Hill</h4> | ||
| <p class="para">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quidem architecto | ||
| consequuntur ratione, obcaecati corrupti deserunt.</p> | ||
| </div> | ||
| </div> | ||
| <div class="client row"> | ||
| <div class="col-lg-4 col-md-12 client-img"> | ||
| <img src="./img/testimonials/t1.jpg" alt="img1" class="img-fluid"> | ||
| </div> | ||
| <div class="col-lg-8 col-md-12 about-client"> | ||
| <h4 class="text-uppercase">John Martin</h4> | ||
| <p class="para">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quidem architecto | ||
| consequuntur ratione, obcaecati corrupti deserunt.</p> | ||
| </div> | ||
| </div> | ||
| <div class="client row"> | ||
| <div class="col-lg-4 col-md-12 client-img"> | ||
| <img src="./img/testimonials/t2.jpg" alt="img2" class="img-fluid"> | ||
| </div> | ||
| <div class="col-lg-8 col-md-12 about-client"> | ||
| <h4 class="text-uppercase">Mac Hill</h4> | ||
| <p class="para">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quidem architecto | ||
| consequuntur ratione, obcaecati corrupti deserunt.</p> | ||
| </div> | ||
| </div> | ||
| <div class="client row"> | ||
| <div class="col-lg-4 col-md-12 client-img"> | ||
| <img src="./img/testimonials/t1.jpg" alt="img1" class="img-fluid"> | ||
| </div> | ||
| <div class="col-lg-8 col-md-12 about-client"> | ||
| <h4 class="text-uppercase">John Martin</h4> | ||
| <p class="para">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quidem architecto | ||
| consequuntur ratione, obcaecati corrupti deserunt.</p> | ||
| </div> | ||
| </div> | ||
| <div class="client row"> | ||
| <div class="col-lg-4 col-md-12 client-img"> | ||
| <img src="./img/testimonials/t2.jpg" alt="img2" class="img-fluid"> | ||
| </div> | ||
| <div class="col-lg-8 col-md-12 about-client"> | ||
| <h4 class="text-uppercase">Mac Hill</h4> | ||
| <p class="para">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quidem architecto | ||
| consequuntur ratione, obcaecati corrupti deserunt.</p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| </section> | ||
|
|
||
| <!-- ======================== End About Me Area ============================== --> | ||
|
|
||
| <!-- ========================== Subscribe me Area ============================ --> | ||
| <section class="subscribe-us-area"> | ||
| <div class="container subscribe"> | ||
| <div class="row"> | ||
| <div class="col-lg-12 text-center subscribe-title"> | ||
| <h4 class="text-uppercase">Get Update From anywhere</h4> | ||
| <p class="para">Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam, | ||
| consequuntur.</p> | ||
| </div> | ||
| </div> | ||
| <div class="d-sm-flex justify-content-center"> | ||
| <form class="w-50"> | ||
| <div class="row d-flex flex-row flex-wrap"> | ||
| <div class="col input-textbox"> | ||
| <input type="text" id="txtemail" class="form-control" placeholder="Email"> | ||
| </div> | ||
| <div class="col"> | ||
| <div class="btn-submit"> | ||
| <button type="submit" class="btn btn-success float-right">Subscribe</button> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </form> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| <!-- ========================== End Subscribe me Area ============================ --> | ||
|
|
||
|
|
||
| </main> | ||
| <!-- ======================= End Main Area ================================ --> | ||
|
|
||
| <footer class="footer-area"> | ||
| <div class="container"> | ||
| <div class=""> | ||
| <div class="site-logo text-center py-4"> | ||
| <a href="#"><img src="#" alt="logo"></a> | ||
| </div> | ||
| <div class="social text-center"> | ||
| <h5 class="text-uppercase">Follow me</h5> | ||
| <a href="#"><i class="fab fa-facebook"></i></a> | ||
| <a href="#"><i class="fab fa-instagram"></i></a> | ||
| <a href="#"><i class="fab fa-youtube"></i></a> | ||
| <a href="#"><i class="fab fa-twitter"></i></a> | ||
| </div> | ||
| <div class="copyrights text-center"> | ||
| <p class="para"> | ||
| Copyright ©2021 All rights reserved | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </footer> | ||
|
|
||
|
|
||
| <!-- Jquery js file --> | ||
| <script src="./js/jquery.3.4.1.js"></script> | ||
|
|
||
| <!-- Bootstrap js file --> | ||
| <script src="./js/bootstrap.min.js"></script> | ||
|
|
||
| <!-- isotope js library --> | ||
| <script src="./vendor/isotope/isotope.min.js"></script> | ||
|
|
||
| <!-- Magnific popup script file --> | ||
| <script src="./vendor/Magnific-Popup/dist/jquery.magnific-popup.min.js"></script> | ||
|
|
||
| <!-- Owl-carousel js file --> | ||
| <script src="./vendor/owl-carousel/js/owl.carousel.min.js"></script> | ||
|
|
||
| <!-- custom js file --> | ||
| <script src="./js/main.js"></script> | ||
|
|
||
|
|
||
| </body> | ||
|
|
||
| </html> |
Oops, something went wrong.