Skip to content

project is done #11

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
Layla-Red wants to merge 1 commit into
base: master
Choose a base branch
from
Open

project is done #11

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
72 changes: 72 additions & 0 deletions Layla.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,72 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="description" contant="ABOUT ME">

<title>LAYLA RADWAN</title>
<link href="https://fonts.googleapis.com/css?family=Montserrat|Roboto+Mono&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">

<font awesome stylesheet
link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</font>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
</head>


<body>

<header>
<h1>Hi, I'm Layla Radwan</h1>
<!--<h2></h2>-->
</header>

<section class="about">
<h1>About Me</h1>
<p>My life has multi destinations,one of them was in Jordan when I have studied my bachelorette degree in Pharmacy and I have graduated from six years ago. The destination next to it was in Jeddah, Saudi Arabia, where I was working for four years in a hospital in the in-patient section as a pharmacist. However, my dreams have no limitations to stop at that point for the rest of my life
</p>
<p>Therefore, I discovered my passion in the digital world especially in the graphics and the infographics as a unique way to visually presenting our important health data to the society to spread the awareness in a special topic.
</p>
</section>


<section class="pharma">
<h1>As Pharmacist</h1>
<ul>
<li>Inpatient Department </li>
<li>IV-Room pharmacist </li>
<li>ICU Pharmacist </li>
</ul>
</section>

<section class="graphic">
<h1>As Graphic Designer</h1>
<p>I have took a graphic diploma degree out of nine months of studying Adobe software and graphics
training productions. I have designed for my Pharmacy I was working with, posters, brochures, meeting presentations,
conference flyers, and working right now on developing an IV booklet.
Overlapping two majors was one of the greatest experiences I have ever went
through as it taught me how the productions would be with higher quality and the skills
gained were with advanced level.</p>
<h2>Adobe software</h2>
<ul>
<li>Photoshop</li>
<li>Illustrator</li>
<li>Indesign</li>
<li>After Effects</li>
</ul>
</section>

<section class="Web-des">
<h1>As Web Designer</h1>
<p>languages like HTML, CSS, JavaScript, Node.JS, and React. </p>
</section>

<footer>
<h1>Contact Me</h1>

<a href="radwanlayla1@gmail.com"><i class="far fa-envelope fa-3x"></i></a>

</footer>
</body>
</html>
56 changes: 56 additions & 0 deletions Style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,56 @@
body {
font-family: Montserrat, san-serif;
background-image: url(img/coffee.jpg);
no-repeat fixed;
background-size:cover;
margin:0;
padding:0;
width: auto;
height: auto;
background-position: center;
}

h1{
font-size: 50px;
}
p{
font-size: 20px;
line-height: 1.5;
color: black;
}

header,
section,
footer{
padding: 100px 150px;
}

footer{
text-align: center;
}
.graphic{
color:black;
}
.Web-des{
color:black;
}
i{
margin-right: 10px;
}

/* Header */
header h1{
font-size:54px;
}

/* About*/
.about{
background-color:rgb(248, 225, 114, 0.5);
color:black;
}

/* Footer - contact information */
footer {
background:rgb(231,185,188,0.5);
color:white;
}
Binary file added img/coffee.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.