-
-
Notifications
You must be signed in to change notification settings - Fork 2
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 #5 from pradipchaudhary/git-page
Initial commit: Set up GitHub Pages with a basic layout and essential…
- Loading branch information
Showing
4 changed files
with
161 additions
and
0 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,42 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| <title>Learn PHP Fundamentals - PHP is Cool !</title> | ||
| <link rel="stylesheet" href="../assets/style.css" /> | ||
| </head> | ||
| <body> | ||
| <!-- Header --> | ||
| <header class="page-header" role="banner"> | ||
| <h1 class="project-name">Learn PHP Fundamental</h1> | ||
| <h2 class="project-tagline">PHP is cool</h2> | ||
|
|
||
| <a href="https://github.com/odan/learn-php" class="btn" | ||
| >View on GitHub</a | ||
| > | ||
| </header> | ||
| <main id="content" class="main-content" role="main"> | ||
| <h1 class="learn-php-fundamentals">Learn PHP Fundamental</h1> | ||
|
|
||
| <p> | ||
| <a href="https://www.php.net/" target="_blank"> | ||
| <img src="../assets/php-logo.svg" alt="php-logo" width="250" /> | ||
| </a> | ||
| </p> | ||
| <p> | ||
| A curated list of resources for <a href="https://php.net/">PHP</a> | ||
| </p> | ||
| <h2 id="table-of-contents">Table of Contents</h2> | ||
|
|
||
| <!-- Footer --> | ||
| <footer class="site-footer"> | ||
| <span class="site-footer-owner">Learn PHP Fundamental </span> | ||
| <span class="site-footer-credits" | ||
| >This page was created by | ||
| <a href="http://himalayaminds.com/">HimalayaMinds</a></span | ||
| > | ||
| </footer> | ||
| </main> | ||
| </body> | ||
| </html> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
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,114 @@ | ||
| /* Reset */ | ||
| * { | ||
| margin: 0; | ||
| padding: 0; | ||
| box-sizing: border-box; | ||
| } | ||
| html, | ||
| body { | ||
| width: 100%; | ||
| font-size: 1rem; | ||
| font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, | ||
| sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; | ||
| line-height: 1.5; | ||
| color: #606c71; | ||
| } | ||
| h1 { | ||
| font-size: 2em; | ||
| margin: 0.67em 0; | ||
| } | ||
|
|
||
| a { | ||
| background-color: transparent; | ||
| text-decoration: none; | ||
| } | ||
|
|
||
| a:active, | ||
| a:hover { | ||
| outline: 0; | ||
| } | ||
| /* Header */ | ||
| .page-header { | ||
| background-color: #4f5b93; | ||
| background-image: unset; | ||
| background: url(../assets/page-header-background.png) no-repeat center center; | ||
| -webkit-background-size: cover; | ||
| -moz-background-size: cover; | ||
| -o-background-size: cover; | ||
| background-size: cover; | ||
| color: #fff; | ||
| text-align: center; | ||
| } | ||
| .project-name { | ||
| font-size: 3.25rem; | ||
| margin-top: 0; | ||
| margin-bottom: 0.1rem; | ||
| } | ||
| .project-tagline { | ||
| font-size: 1.25rem; | ||
| margin-bottom: 2rem; | ||
| font-weight: normal; | ||
| opacity: 0.7; | ||
| } | ||
| .btn { | ||
| display: inline-block; | ||
| margin-bottom: 1rem; | ||
| color: rgba(255, 255, 255, 0.7); | ||
| background-color: rgba(255, 255, 255, 0.08); | ||
| border-color: rgba(255, 255, 255, 0.2); | ||
| border-style: solid; | ||
| border-width: 1px; | ||
| border-radius: 0.3rem; | ||
| transition: color 0.2s, background-color 0.2s, border-color 0.2s; | ||
| padding: 0.75rem 1rem; | ||
| } | ||
| .btn:hover { | ||
| color: rgba(255, 255, 255, 0.8); | ||
| text-decoration: none; | ||
| background-color: rgba(255, 255, 255, 0.2); | ||
| border-color: rgba(255, 255, 255, 0.3); | ||
| } | ||
|
|
||
| .main-content { | ||
| max-width: 64rem; | ||
| padding: 2rem 6rem; | ||
| margin: 0 auto; | ||
| font-size: 1.1rem; | ||
| } | ||
| .main-content h1, | ||
| .main-content h2, | ||
| .main-content h3, | ||
| .main-content h4, | ||
| .main-content h5, | ||
| .main-content h6 { | ||
| color: #333; | ||
| margin-top: 2rem; | ||
| margin-bottom: 1rem; | ||
| font-weight: normal; | ||
| } | ||
|
|
||
| .main-content p { | ||
| margin-bottom: 1em; | ||
| } | ||
|
|
||
| @media screen and (min-width: 64em) { | ||
| .page-header { | ||
| padding: 5rem 6rem; | ||
| } | ||
| } | ||
| /* Footer */ | ||
| footer { | ||
| font-size: 1rem; | ||
| } | ||
| .site-footer { | ||
| padding-top: 2rem; | ||
| margin-top: 2rem; | ||
| border-top: 1px solid #eff0f1; | ||
| } | ||
| .site-footer-owner { | ||
| display: block; | ||
| font-weight: bold; | ||
| } | ||
| .site-footer-credits { | ||
| color: #819198; | ||
| } |