Skip to content

Main #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
mmahad865 wants to merge 3 commits into
base: master
Choose a base branch
from
Open

Main #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
ceae79b
changes
mmahad865 May 1, 2023
645193d
colors
mmahad865 May 9, 2023
182ccd6
colors
mmahad865 May 9, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion css/forms.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ form>div {

/* writes to small text above reCAPTCHA upon failure */
.dateFeedback{
font-style:italic;
font-style:oblique;
font-size:70%;
font-weight:bold;
color:#f00;
Expand Down
5 changes: 3 additions & 2 deletions css/main.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,10 +1,11 @@
/* Global rules */

@import url('https://fonts.googleapis.com/css?family=Quicksand');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap');

html {
background-color: lightgray;
font-family: 'Quicksand', sans-serif;
font-family: 'Oswald';
font-size: 0.95em;
line-height: 1.5em;
}
Expand Down Expand Up @@ -43,7 +44,7 @@ a {

a:hover {
color: whitesmoke;
background-color: darkcyan;
background-color: rgb(3, 3, 3);
text-decoration: none;
}

Expand Down
2 changes: 1 addition & 1 deletion css/nav.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@
}

.topnav a.hover, .active {
background-color: darkcyan;
background-color: rgb(3, 3, 3);
}

.topnav .icon {
Expand Down
Binary file added images/mahad.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed images/tablet.jpg
View file
Open in desktop
Binary file not shown.
22 changes: 11 additions & 11 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Your Name Goes Here</title>
<title>Mahad Ali</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/main.css">
Expand All @@ -10,34 +10,34 @@
</head>
<body>
<header>
<h1>Your Name Goes Here</h1>
<h1>Mahad Ali</h1>
<nav class="topnav" id="myTopnav">
<a href="index.html" class="active">Home</a>
<a href="#" target="_blank">Name of project goes here</a>
<a href="#" target="_blank">Name of project goes here</a>
<a href="#" target="_blank">GitHub</a>
<a href="#" target="_blank">LinkedIn</a>
<a href="https://github.com/mmahad865" target="_blank">GitHub</a>
<a href="https://www.linkedin.com/in/mahadali206/" target="_blank">LinkedIn</a>
<a href="javascript:void(0);" class="icon" onclick="myFunction()">&#9776;</a>
</nav>
</header>

<main class="wrapper">
<picture class="profile">
<source media="(min-width: 1200px)" srcset="images/desktop.jpg">
<source media="(min-width: 501px)" srcset="images/tablet.jpg">
<img src="images/phone.jpg" alt="That's me!">
<source media="(min-width: 1200px)" srcset="images/mahad.jpg">
<source media="(min-width: 501px)" srcset="images/mahad.jpg">
<img src="images/mahad.jpg" alt="That's me!">
</picture>
<h2 class="subheader">About Me</h2>

<p>We'll use this page as a place for links to the work you've done, and stand as an example of how to build a <a href="https://www.liferay.com/resources/l/web-portal" target="_blank">portal</a> page to show our projects.</p>

<p>Watch this video, <a href="https://www.youtube.com/watch?v=ecw_ugVd81k" target="_blank">How to write a short professional bio</a> and write a few paragraphs that identify your background, skills, goals and accomplishments.</p>

<p>Replace the pictures named <b>desktop.jpg</b>, <b>tablet.jpg</b> and <b>phone.jpg</b> in the <b>images</b> folder with pictures of yourself, or pictures that represent you.</p>


<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent hendrerit nec purus non vestibulum. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus ipsum odio, lacinia congue varius in, iaculis eget felis. Proin facilisis dui nec purus viverra, sed tempus risus sollicitudin.</p>
<p>Hi, my name is Mahad and i'm committed to staying up-to-date with the latest trends and technologies in software development, and i'm always looking for new ways to improve my skills.</p>

<p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce malesuada felis ac dapibus tempus. Nulla in purus id leo finibus consequat quis eget mi. In gravida maximus risus eget scelerisque. In placerat diam ut tellus ullamcorper, eu elementum augue vulputate. Cras ut pretium ante. Sed porta eros vel lobortis gravida. Nullam ultrices justo eget felis pharetra aliquam. Maecenas hendrerit hendrerit facilisis.</p>
<p>I'm dedicated to delivering software solutions that are both functional and user-friendly..</p>

<h3>Page Origin</h3>

Expand All @@ -46,7 +46,7 @@ <h3>Page Origin</h3>
<p>Study how this page is built, with the <a href="https://www.youtube.com/watch?v=151NXMk0a2c" target="_blank">DOM Inspector</a> and use it as a foundation for your portal or other sites!</p>
<footer>
<p><small>&copy; 2021-<span id="this-year"></span> by
YOUR NAME HERE, All Rights Reserved ~
Mahad AliHERE, All Rights Reserved ~
<a id="html-checker" href="#" target="_blank">Check HTML</a> ~
<a id="css-checker" href="#" target="_blank">Check CSS</a></small>
</p>
Expand Down