-
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.
Stylesheet, services page and updated icons
Made changes to the icon colors, remove extra property added to p, added two more sections to services page and added links respective to each section
- Loading branch information
Showing
7 changed files
with
828 additions
and
820 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.
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 |
|---|---|---|
| @@ -1,49 +1,55 @@ | ||
| <!doctype html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <link rel="stylesheet" href="style_homepage.css"> | ||
| <meta charset="utf-8"> | ||
| <title>Ishmeet-Services</title> | ||
| </head> | ||
|
|
||
| <body> | ||
| <div class="header"> | ||
| <div class="my-name">Ishmeet Kaur</div> | ||
| <div class="header-menu"> | ||
| <nav> | ||
| <ul> | ||
| <li><a href="portfolio_website.html">Home</a></li> | ||
| <li><a href="portfolio_website_services.html">Services</a></li> | ||
| <li><a href="portfolio_website_projects.html">Projects</a></li> | ||
| <li><a href="portfolio_website_contact.html">Contact</a></li> | ||
| </ul> | ||
| </nav> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="flex_container_services"><!--parent container--> | ||
| <div class="flex_container_services_01"> | ||
| <h1>See below what I am focussed on!</h1> | ||
| </div> | ||
| <div class="flex_container_services_02"> | ||
| <div class="services_02_first_div"><img src="images/accessibility-icon.png" alt="accessible design"> | ||
| <p>Accessibility first</p></div> | ||
| <div class="services_02_first_div"><img src="images/user-friendly-icon.png" alt="user friendly design"> | ||
| <p>User friendly</p></div> | ||
| <div class="services_02_first_div"><img src="images/easy-to-use-icon.png" alt="Easy to use design"> | ||
| <p>Easy to use</p></div> | ||
| </div> | ||
|
|
||
| <div class="flex_container_services_03"> | ||
| <div class="services_03_first_div"><img src="images/accessibility-icon.png" alt="accessible design"> | ||
| <p>Accessibility first</p></div> | ||
| <div class="services_03_first_div"><img src="images/user-friendly-icon.png" alt="user friendly design"> | ||
| <p>User friendly</p></div> | ||
| <div class="services_03_first_div"><img src="images/easy-to-use-icon.png" alt="Easy to use design"> | ||
| <p>Easy to use</p></div> | ||
| </div> | ||
| </div> | ||
|
|
||
| </body> | ||
| <!doctype html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <link rel="stylesheet" href="style_homepage.css"> | ||
| <meta charset="utf-8"> | ||
| <title>Ishmeet-Services</title> | ||
| </head> | ||
|
|
||
| <body> | ||
| <div class="header"> | ||
| <div class="my-name">Ishmeet Kaur</div> | ||
| <div class="header-menu"> | ||
| <nav> | ||
| <ul> | ||
| <li><a href="portfolio_website.html">Home</a></li> | ||
| <li><a href="portfolio_website_services.html">Services</a></li> | ||
| <li><a href="portfolio_website_projects.html">Projects</a></li> | ||
| <li><a href="portfolio_website_contact.html">Contact</a></li> | ||
| </ul> | ||
| </nav> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="flex_container_services"> | ||
| <div class="flex_container_services_01"> | ||
| <h1>I design to provide you these services!</h1> | ||
| </div> | ||
| <div class="flex_container_services_02"><!--alt text added for accessibility--> | ||
| <div class="services_02_first_div"><a href="//shorturl.at/juBCM"><img src="images/accessibility-icon.png" alt="accessible design"></a> | ||
| <p>Accessible</p></div> | ||
| <div class="services_02_first_div"><a href="//wiredimpact.com/blog/7-characteristics-user-friendly-website/"><img src="images/user-friendly-icon.png" alt="user friendly design"></a> | ||
| <p>Usability</p></div> | ||
| <div class="services_02_first_div"><a href="//wiredimpact.com/blog/7-characteristics-user-friendly-website/"><img src="images/easy-to-use-icon.png" alt="Easy to use design"></a> | ||
| <p>Easy to navigate</p></div> | ||
| </div> | ||
| <div class="flex_container_services_03"> | ||
| <div class="services_03_first_div"><a href="//shorturl.at/imswY"><img src="images/responsive-icon.png" alt="responsive design"></a> | ||
| <p>Responsive</p></div> | ||
| <div class="services_03_first_div"><a href="//www.semrush.com/blog/what-is-a-call-to-action/"><img src="images/cta-icon.png" alt="clear cta"></a> | ||
| <p>Clear CTAs</p></div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <footer> | ||
| <div class="flex-container_footer"> | ||
| <div class="flex-container_footer_first_div"> | ||
| <p>Wanna talk?</p></div> | ||
| <div class="flex-container_footer_second_div"> | ||
| Reach me out at [email protected]</div> | ||
| </div> | ||
| </footer> | ||
|
|
||
| </body> | ||
| </html> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.