-
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.
- Loading branch information
0 parents
commit 16d2ac6
Showing
9 changed files
with
148 additions
and
0 deletions.
There are no files selected for viewing
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 @@ | ||
| # BasicPortfolio3 |
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.
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.
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,69 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Personal Website</title> | ||
|
|
||
| <link rel="stylesheet" href="style.css"> | ||
| </head> | ||
| <body> | ||
| <section class="flex"> | ||
| <div class="half_width"> | ||
| <h3 class="mt1">Hello I'm</h3> | ||
| <h2>Sandelina Sam</h2> | ||
| <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quis corrupti ad minima nisi numquam quod eveniet iusto consequatur vel! Reiciendis molestias ullam inventore suscipit nihil.</p> | ||
| <button>More</button> | ||
| </div> | ||
| <div class="half_width"> | ||
| <img src="img/pic1.png" alt=""> | ||
| </div> | ||
| </section> | ||
|
|
||
| <section class="flex"> | ||
| <div class="half_width"> | ||
| <img src="img/pic2.png" alt=""> | ||
| </div> | ||
| <div class="half_width"> | ||
| <h3 class="mt1">Hello I'm</h3> | ||
| <h2>Sandelina Sam</h2> | ||
| <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam odit doloremque id quia fugiat sit!</p> | ||
| <button>More</button> | ||
| </div> | ||
| </section> | ||
|
|
||
| <section class="Work"> | ||
| <h3 class="text_center mt1">My Last Work</h3> | ||
| <div class="flex"> | ||
| <div class="m2"> | ||
| <img src="img/lp1.jpg" alt=""> | ||
| </div> | ||
| <div class="m2"> | ||
| <img src="img/lp2.jpg" alt=""> | ||
| </div> | ||
| <div class="m2"> | ||
| <img src="img/lp3.jpg" alt=""> | ||
| </div> | ||
| </div> | ||
|
|
||
| <h3 class="text_center mt1">What Client's Are Say</h3> | ||
| <p class="text_center"><b>lorem Ipsum</b></p> | ||
| <p class="text_center">Best Services Ever</p> | ||
| <p class="text_center">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eligendi, perspiciatis!</p> | ||
| </section> | ||
|
|
||
| <footer> | ||
| <div class="contact mt1"> | ||
| <h3 class="text_center">Contact Me With</h3> | ||
| <p class="text_center">Mail : [email protected]</p> | ||
| </div> | ||
| <br> | ||
| <br> | ||
| <br> | ||
| <br> | ||
| <p class="text_center">©copyright 2022-23 || All Right's Resarved by Sandelina Sam.</p> | ||
| </footer> | ||
|
|
||
| </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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,78 @@ | ||
| body{ | ||
| margin: 0; | ||
| padding: 0; | ||
| box-sizing: border-box; | ||
| font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; | ||
| } | ||
| section{ | ||
| height: 90vh; | ||
| width: 88%; | ||
| margin: 3%; | ||
| padding: 3%; | ||
| } | ||
|
|
||
| .mt1{ | ||
| margin-top: 100px; | ||
| } | ||
| .mt05{ | ||
| margin-top: 50px; | ||
| } | ||
| .half_width{ | ||
| margin: 2% 5%; | ||
| padding: 2%; | ||
| width: 40%; | ||
| } | ||
| .half_width img{ | ||
| width: 450px; | ||
| } | ||
| .flex{ | ||
| display: flex; | ||
| } | ||
| h2{ | ||
| font-size: 2.5rem; | ||
| color: rgb(253, 4, 87); | ||
| } | ||
| h3{ | ||
| font-size: 1.5rem; | ||
| color: #222; | ||
| } | ||
| p{ | ||
| text-align: justify; | ||
| font-size: 1rem; | ||
| color: #222; | ||
| } | ||
| button{ | ||
| padding: 10px 20px; | ||
| background-color: rgb(253, 4, 87); | ||
| color: white; | ||
| font-weight: bolder; | ||
| border: none; | ||
| border-radius: 15px; | ||
| cursor: pointer; | ||
| } | ||
| .text_center{ | ||
| text-align: center; | ||
| } | ||
| .Work img{ | ||
| width: 400px; | ||
| box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); | ||
| } | ||
| .m2{ | ||
| margin: 20px; | ||
| } | ||
| .contact{ | ||
| margin: 10% 25% 0 25%; | ||
| padding: 2%; | ||
| background-color: rgb(253, 4, 87); | ||
| border-radius: 25px; | ||
| } | ||
| .contact h3{ | ||
| color: white; | ||
| } | ||
| .contact p{ | ||
| color: white; | ||
| } | ||
| footer{ | ||
| height: 300px; | ||
| } | ||
|
|