-
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.
Merge pull request #1 from sebastianmiracastro/Sebas_Dev
Commits with main and Styles
- Loading branch information
Showing
5 changed files
with
265 additions
and
10 deletions.
There are no files selected for viewing
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,62 @@ | ||
| .style-switcher { | ||
| position: fixed; | ||
| top: 20px; | ||
| right: 0; | ||
| z-index: 10; | ||
| background-color: #fff; | ||
| padding: 15px; | ||
| border: 1px solid #d4d4e3; | ||
| border-right: none; | ||
| border-radius: 0 0 0 5px; | ||
| -webkit-transform: translateX(100%); | ||
| transform: translateX(100%); | ||
| -webkit-transition: all 0.3s ease; | ||
| transition: all 0.3s ease; | ||
| } | ||
| .style-switcher.open { | ||
| -webkit-transform: translateX(0%); | ||
| transform: translateX(0%); | ||
| } | ||
| .style-switcher h5 { | ||
| font-size: 16px; | ||
| color: #302e4d; | ||
| margin-bottom: 8px; | ||
| padding-bottom: 5px; | ||
| border-bottom: 1px solid #e8dfec; | ||
| } | ||
| .style-switcher ul { | ||
| margin: 0; | ||
| padding: 0; | ||
| display: block; | ||
| margin-bottom: 5px; | ||
| list-style: none; | ||
| } | ||
| .style-switcher ul li { | ||
| display: inline-block; | ||
| } | ||
| .style-switcher ul li a { | ||
| height: 30px; | ||
| width: 30px; | ||
| display: block; | ||
| border-radius: 50%; | ||
| cursor: pointer; | ||
| text-decoration: none; | ||
| margin-right: 3px; | ||
| } | ||
| .style-switcher .toggle-style-switcher { | ||
| position: absolute; | ||
| height: 45px; | ||
| width: 45px; | ||
| background-color: #fff; | ||
| left: -46px; | ||
| top: -1px; | ||
| border: 1px solid #d4d4e3; | ||
| border-right: none; | ||
| text-align: center; | ||
| cursor: pointer; | ||
| border-radius: 5px 0 0 5px; | ||
| } | ||
| .style-switcher .toggle-style-switcher .fa { | ||
| font-size: 20px; | ||
| line-height: 43px; | ||
| } |
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,41 @@ | ||
| .aside .logo a::before{ | ||
| border-top: 4px solid #ec1839; | ||
| border-left: 4px solid #ec1839; | ||
| } | ||
| .aside .logo a::after{ | ||
| border-right: 4px solid #ec1839; | ||
| border-bottom: 4px solid #ec1839; | ||
| } | ||
| .contact .contact-info-item .icon .fa, | ||
| .blog .blog-item-inner .blog-info .blog-tags a, | ||
| .lightbox .lightbox-controls .prev-item .fa, | ||
| .lightbox .lightbox-controls .next-item .fa, | ||
| .portfolio .portfolio-item .portfolio-info .icon .fa, | ||
| body.dark .portfolio .portfolio-filter button.active, | ||
| .portfolio .portfolio-filter button.active, | ||
| .service .service-item .service-item-inner .icon .fa, | ||
| .about .about-content .about-text h2 span, | ||
| body.dark .aside .nav li a:hover, | ||
| body.dark .aside .nav li a.active, | ||
| .aside .nav li a:hover, | ||
| .aside .nav li a.active{ | ||
| color: #ec1839; | ||
| } | ||
| .blog .blog-item-inner .blog-img .blog-date, | ||
| .service .service-item .service-item-inner:hover .icon, | ||
| .about .about-content .timeline .circle-dot, | ||
| .about .about-content .timeline .timeline-item::before, | ||
| .about .about-content .skills .skill-item .progress .progress-in, | ||
| .btn, | ||
| .section-title h2::after, | ||
| .section-title h2::before, | ||
| .aside .nav-toggler span, | ||
| .aside .nav-toggler span::before, | ||
| .aside .nav-toggler span::after, | ||
| .home .intro .social-links a{ | ||
| background-color: #ec1839; | ||
| } | ||
|
|
||
| .portfolio .portfolio-filter button.active{ | ||
| border-color: #ec1839; | ||
| } |
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,94 @@ | ||
| @import url("https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"); | ||
| /* General style | ||
| ======================================================== */ | ||
| html { | ||
| scroll-behavior: smooth; | ||
| } | ||
| body { | ||
| margin: 0; | ||
| line-height: 1.5; | ||
| font-size: 16px; | ||
| font-family: "Montserrat", sans-serif; | ||
| font-weight: 400; | ||
| } | ||
| ::-webkit-scrollbar { | ||
| width: 10px; | ||
| } | ||
|
|
||
| ::-webkit-scrollbar-track { | ||
| background: #f1f1f1; | ||
| } | ||
|
|
||
| ::-webkit-scrollbar-thumb { | ||
| background: #bdbdbd00; | ||
| } | ||
|
|
||
| ::-webkit-scrollbar-thumb:hover { | ||
| background: #555; | ||
| } | ||
| * { | ||
| margin: 0; | ||
| padding: 0; | ||
| outline: none; | ||
| text-decoration: none; | ||
| box-sizing: border-box; | ||
| } | ||
| ::before, | ||
| ::after { | ||
| box-sizing: border-box; | ||
| } | ||
|
|
||
| /* PRELOADER STYLES */ | ||
| /* Preloader */ | ||
| .preloader { | ||
| background-color: #222222; | ||
| position: fixed; | ||
| left: 0; | ||
| top: 0; | ||
| height: 100%; | ||
| width: 100%; | ||
| z-index: 150; | ||
| display: -ms-flexbox; | ||
| display: flex; | ||
| -ms-flex-align: center; | ||
| align-items: center; | ||
| -ms-flex-pack: center; | ||
| justify-content: center; | ||
| -webkit-transition: all 1s ease; | ||
| transition: all 1s ease; | ||
| } | ||
| .preloader.opacity-0 { | ||
| opacity: 0; | ||
| } | ||
| .preloader .loader { | ||
| height: 40px; | ||
| width: 40px; | ||
| border: 4px solid #e3e3e3; | ||
| border-radius: 50%; | ||
| border-top: 4px solid transparent; | ||
| border-bottom: 4px solid transparent; | ||
| -webkit-animation: spin 2s linear infinite; | ||
| animation: spin 2s linear infinite; | ||
| } | ||
| @-webkit-keyframes spin { | ||
| 0% { | ||
| -webkit-transform: rotate(0deg); | ||
| transform: rotate(0deg); | ||
| } | ||
| 100% { | ||
| -webkit-transform: rotate(360deg); | ||
| transform: rotate(360deg); | ||
| } | ||
| } | ||
| @keyframes spin { | ||
| 0% { | ||
| -webkit-transform: rotate(0deg); | ||
| transform: rotate(0deg); | ||
| } | ||
| 100% { | ||
| -webkit-transform: rotate(360deg); | ||
| transform: rotate(360deg); | ||
| } | ||
| } | ||
|
|
||
| /* END PRELOADER STYLES */ |
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 |
|---|---|---|
| @@ -1,11 +1,68 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Document</title> | ||
| </head> | ||
| <body> | ||
| <h1>Primer Paso</h1> | ||
| </body> | ||
| </html> | ||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| <title>Sebastian Mira Castro - Portfolio Web</title> | ||
| <!-- ICON --> | ||
| <link | ||
| rel="shortcut icon" | ||
| href="/asset/imgs/favicon.ico" | ||
| type="image/x-icon" | ||
| /> | ||
| <!-- GENERAL STYLE CSS --> | ||
| <link rel="stylesheet" href="/asset/css/style.css" /> | ||
| <!-- SKIN PAGE --> | ||
| <link rel="stylesheet" href="/asset/css/skins/pink.css" type="text/css" /> | ||
| <!-- PANEL CONTROL PAGE --> | ||
| <link rel="stylesheet" href="/asset/css/panel.css" type="text/css" /> | ||
| </head> | ||
|
|
||
| <body class="dark"> | ||
| <!-- Pre Loader --> | ||
| <div class="preloader"> | ||
| <div class="loader"></div> | ||
| </div> | ||
|
|
||
| <main class="main-container"> | ||
|
|
||
| <!-- ASIDE GET --> | ||
| <aside class="aside"> | ||
| <div class="nav-toggler"> | ||
| <span></span> | ||
| </div> | ||
| <div class="aside-inner"> | ||
| <div class="logo"> | ||
| <a href="/">Al Siam</a> | ||
| </div> | ||
| <ul class="nav"> | ||
| <li> | ||
| <a href="#home" class="active"><i class="fa fa-home"></i> Home</a> | ||
| </li> | ||
| <li> | ||
| <a href="#about"><i class="fa fa-user"></i> About</a> | ||
| </li> | ||
| <li> | ||
| <a href="#services"><i class="fa fa-list"></i> Services</a> | ||
| </li> | ||
| <li> | ||
| <a href="#portfolio"><i class="fa fa-briefcase"></i> Portfolio</a> | ||
| </li> | ||
| <li> | ||
| <a href="#blog"><i class="fa fa-envelope"></i> Blog</a> | ||
| </li> | ||
| <li> | ||
| <a href="#contact"><i class="fa fa-comments"></i> Contact</a> | ||
| </li> | ||
| </ul> | ||
| <div class="copyright"> | ||
| © 2020 All Rights Reserved By Al Siam | ||
| </div> | ||
| </div> | ||
| </aside> | ||
|
|
||
| </main> | ||
|
|
||
| <h1>Primer Paso</h1> | ||
| </body> | ||
| </html> |
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