Notes

Notes - notes.io

<!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>Mission-2022</title>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Yeseva+One&display=swap"
rel="stylesheet"
/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,500;1,200&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="style.css" />
</head>
<body>

<section>
<div class="top-section">
<div class="big">
<h1 class="top-heading">Stay Focused on</h1>
<h1 class="top-heading"><span>Mission 2022</span></h1>
</div>
<p>
My personal vision is to have a life of meaning for myself and others.
It is important to me to live my life in a way that shows kindness,
care, and concern for family and friends and even strangers..
</p>
<a class="button" href="https://github.com/Mahedi-junior" target="blank"
>Explore Now</a
>

<p><small>scroll down to explore more about us</small></p>
</div>
<div class="top-section">
<img src="person/mahedi.png" alt="" />
</div>
</section>

<h1 class="mission-heading">My Mission in <span>2022</span></h1>
<section class="mission-section">
<div class="card-section">
<div class="picture">
<img src="illustrators/illustrator-1.png" alt="" />
</div>
<div class="mission-cards">
<h2>Mission</h2>
<p>
A good mission statement must be a clear declaration of your future
objectives. You should focus on some values that are praised by
society as well as your strengths and aims.
</p>
</div>
</div>
<div class="card-section">
<div>
<div>
<img class="picture" src="illustrators/illustrator-2.png" alt="" />
</div>
<div class="mission-cards">
<h2>Vision</h2>
<p>
Stop Waiting For Friday, For Summer, For Someone To Fall In Love
With You, For Life. Happiness Is Achieved When You Stop Waiting
For It And Make The Most Of The Moment You Are In Now.
</p>
</div>
</div>
</div>
<div class="card-section">
<div>
<div>
<img class="picture" src="illustrators/illustrator-3.png" alt="" />
</div>
<div class="mission-cards">
<h2>Goal</h2>
<p>
Life goal has to do with education or learning. We might want to
gain education in pursuit of a career or professional goal, or we
might just want to learn about something that matters to us.
</p>
</div>
</div>
</div>
</section>

<section class="develop-section">
<div class="man-pic">
<img src="person/devoloper.jpg" alt="" />
</div>
<div>
<div class="developer">
<h1>Develop</h1>
<h1>Without Limits</h1>
<p>
Development Without Limits is an organization that works to develop
curriculum with after school and summer programs in order to promote
the high-quality and effective learning through in the tailoring
programs to be engaging and and dynamic for students
</p>
<a
class="button"
href="https://github.com/Mahedi-junior"
target="blank"
>Read the Documentation</a
>
</div>
</div>
</section>


<section class="community-section">
<div class="community">
<div class="community-heading">
<h1>Know Our</h1>
<h1>Global Community</h1>
<p>
Global Communities works at the intersection of humanitarian
assistance, sustainable development and financial inclusion to save
lives, advance equity and secure strong futures. We support
communities at the forefront of their own development in more than
35 countries,
</p>
<a
class="button"
href="https://github.com/Mahedi-junior"
target="blank"
>Read the Documentation</a
>
</div>
</div>

<div class="community">
<img src="person/programmer-comunity.jpeg" alt="" />
</div>
</section>



<section class="subscribe-section">
<div class="subscribe-background">
<div class="subscribe">
<h3>Let's keep in touch</h3>
<p>Subscribe to get latest news and exciting updates.</p>
<input
class="form-email"
type="email"
placeholder="Enter your email"
/>
<a href="https://github.com/Mahedi-junior" target="_black"
><button class="form-button">SEND</button></a
>
</div>
</div>
</section>

<footer>
<h1>Mission <span>2022</span></h1>
<p>Hard work, perseverance and Determination for 2022</p>
</footer>
</body>
</html>

body {
font-family: "Poppins", sans-serif;
}
.top-heading {
font-family: Yeseva One;
font-size: 50px;
font-weight: 600;
}
.top-heading mission-2022 {
color: #ffad5a;
}
span {
color: orange;
}
h1 {
margin-left: 10px;
font-size: 40px;
}
.big {
border-left: 5px solid red;
}
section {
display: flex;
margin-top: 30px;
}
.top-section {
width: 80%;
margin-left: 5%;
}
.top-section img {
width: 80%;
}
.top-section p {
width: 80%;
}
.button {
color: white;
text-decoration: none;
font-weight: 300;
font-size: 20px;
background-color: rgb(241, 60, 36);
padding: 7px 20px;
border-radius: 10px;
}
.mission-heading {
text-align: center;
font-weight: 900px;
font-size: 50px;
}

.mission-section {
width: 90%;
margin-left: 4%;
}
.card-section {
width: 80%;
margin-left: 20px;
margin: 50px 20px;
padding: 20px 30px;
background-color: wheat;
border-radius: 20px;
}
.card-section img {
width: 50%;
}
.card-section p {
width: 100%;
font-size: 16px;
color: #424242;
}
.develop-section {
margin-top: 50px;
}
.man-pic {
width: 100%;
padding: 10px 10px;
margin-left: 2%;
margin-right: 30px;
}
.man-pic img {
width: 90%;
margin-left: 50px;
border-radius: 20px;
}
.developer {
margin-right: 30px;
padding-right: 20px;
}
.community-section {
margin-top: 100px;
}
.community {
width: 50%;
}
.community img {
width: 80%;
border-radius: 20px;
margin-left: 100px;
}
.community-heading {
margin-left: 20px;
}

.subscribe-section {
background-color: rgb(250, 209, 132);
justify-content: center;
text-align: center;
}
h3 {
font-size: 30px;
}

.subscribe-background {
padding: 10px;
margin-bottom: 20px;
}

.subscribe {
padding: 10px 30px;
border-radius: 15px;
background-color: wheat;
margin-top: 30px;
height: 300px;
width: 700px;
}
.form-email {
padding: 15px 20px;
border-radius: 5px;
border: 1px solid #cad3db;
width: 300px;
font-size: 18px;
color: #0f121f;
}

.form-button {
background: #3d9fff;
width: 150px;
border: none;
height: 50px;
border-radius: 5px;
font-size: 18px;
color: white;
}
footer {
margin-top: 50px;
text-align: center;
color: whitesmoke;
background-color: black;
padding-top: 20px;
padding-bottom: 30px;
font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande",
"Lucida Sans", Arial, sans-serif;
}

Notes.io is a web-based application for taking notes. You can take your notes and share with others people. If you like taking long notes, notes.io is designed for you. To date, over 8,000,000,000 notes created and continuing...

With notes.io;

* You can take a note from anywhere and any device with internet connection.
* You can share the notes in social platforms (YouTube, Facebook, Twitter, instagram etc.).
* You can quickly share your contents without website, blog and e-mail.
* You don't need to create any Account to share a note. As you wish you can use quick, easy and best shortened notes with sms, websites, e-mail, or messaging services (WhatsApp, iMessage, Telegram, Signal).
* Notes.io has fabulous infrastructure design for a short link and allows you to share the note as an easy and understandable link.

Fast: Notes.io is built for speed and performance. You can take a notes quickly and browse your archive.

Easy: Notes.io doesn’t require installation. Just write and share note!

Short: Notes.io’s url just 8 character. You’ll get shorten link of your note when you want to share. (Ex: notes.io/q )

Free: Notes.io works for 12 years and has been free since the day it was started.

You immediately create your first note and start sharing with the ones you wish. If you want to contact us, you can use the following communication channels;

Email: [email protected]

Twitter: http://twitter.com/notesio

Instagram: http://instagram.com/notes.io

Facebook: http://facebook.com/notesio

Regards;
Notes.io Team

Notes

Notes - notes.io

Shortened Note Link

Long File

Notes