Skip to content
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

Project healthy website #2

Open
wants to merge 12 commits into
base: main
Choose a base branch
from
Open

Project healthy website #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
6475705
init commit
KhazaeiAmir110 Nov 2, 2023
10742f2
start page home
KhazaeiAmir110 Nov 2, 2023
87e7316
fix menu
KhazaeiAmir110 Nov 3, 2023
ad24dc1
add font
KhazaeiAmir110 Nov 3, 2023
6038c29
fix text
KhazaeiAmir110 Nov 3, 2023
6c5861a
button login and register
KhazaeiAmir110 Nov 3, 2023
946446d
fix button login and register
KhazaeiAmir110 Nov 3, 2023
0ab46bc
create page login
KhazaeiAmir110 Nov 3, 2023
73b37e1
create page blog
KhazaeiAmir110 Nov 3, 2023
e13e409
create page posts
KhazaeiAmir110 Nov 10, 2023
9d7c657
create page contact
KhazaeiAmir110 Nov 10, 2023
ed8ba76
create page about and fix project
KhazaeiAmir110 Nov 10, 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
1 change: 1 addition & 0 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
/.idea/
Binary file added font/irsans.ttf
View file
Open in desktop
Binary file not shown.
37 changes: 37 additions & 0 deletions html/about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>بلاگ</title>
<meta charset="UTF-8">
<meta name="description" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../style/about.css">
</head>
<body>
<!-- header -->
<header>
<nav>
<ul>
<li><a href="./home.html">خانه</a></li>
<li><a href="./blog.html">بلاگ</a></li>
<li><a href="./video.html">پست ها</a></li>
<li><a href="./about.html">درباره ما</a></li>
<li><a href="./contact.html">تماس با ما</a></li>
<li><a href="./login.html">ورود</a></li>
</ul>
</nav>
</header>
<!-- main -->
<main>
<h1>درباره ما</h1>
<p>
صفحه درباره ما (About us page) به کاربر اطلاعاتی درباره برند و افراد پشت صحنه می‌دهد. صفحه درباره ما در واقع یک فرصت برای معرفی شرکت، سازمان یا وب‌سایت شما به بازدیدکنندگان است. در اینجا می‌توانید به شرح کارکرد، تاریخچه، مأموریت، ارزش‌ها و هدف اصلی شرکتتان پرداخته و به افراد نشان دهید که چرا باید با شما کار کنند یا از محصولات و خدمات شما استفاده کنند.

در صفحه درباره ما می‌توانید داستان برند خود را بازگو کنید. صفحه درباره ما اصولا برای همه کسب و کارهای آنلاین ضروری است تا از این طریق به مشتریان دید بهتری اینکه چه کسانی در کسب و کار دخیل هستند بدهد. بسته به نوع کسب و کار، برخی از اطلاعات در مورد اهداف، ماموریت و ارزش‌های سازمانی در متن صفحه درباره ما گنجانده می‌شوند. صفحه درباره ما اغلب بازتابی از اهداف و شخصیت کسب و کار، صاحبان آن یا کارمندان برتر است. صفحه درباره ما سایت همچنین می تواند اطلاعات تماس و مکان کسب و کار را در اختیار مخاطب سایت قرار دهد.
</p>
</main>
<!-- footer -->
<footer>

</footer>
</body>
</html>
43 changes: 43 additions & 0 deletions html/blog.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,43 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>بلاگ</title>
<meta charset="UTF-8">
<meta name="description" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../style/blog.css">
</head>
<body>
<!-- header -->
<header>
<nav>
<ul>
<li><a href="./home.html">خانه</a></li>
<li><a href="./blog.html">بلاگ</a></li>
<li><a href="./video.html">پست ها</a></li>
<li><a href="./about.html">درباره ما</a></li>
<li><a href="./contact.html">تماس با ما</a></li>
<li><a href="./login.html">ورود</a></li>
</ul>
</nav>
</header>
<!-- main -->
<main>
<h1>دانشجوی رشته سلامت</h1>
<p>تَندُرُستی یا سَلامَتی عبارت است از تأمین رفاه کامل جسمانی و روانی و اجتماعی انسان. بنابر تعریف سازمان بهداشت جهانی، تندرستی تنها فقدان بیماری یا نواقص دیگر در بدن نیست بلکه «نداشتن هیچ‌گونه مشکل روانی، اجتماعی، اقتصادی و سلامت جسمانی برای هر فرد جامعه است.»

سلامتی در فرهنگ احساس تندرستی و شادابی است و همچنین تناسب اعضای مختلف بدن با یکدیگر.

امروزه اهمیت توسعه بهداشت عمومی برای برقراری عدالت اجتماعی در حوزه سلامت بر هیچ‌کس پنهان نیست.

سلامتی جسمی شامل همه قابلیت‌های جسمی بدن است. به فرد یا پدیده‌ای که دارای تندرستی باشد، تندرست یا سالِم گفته می‌شود.

حس تندرستی در افراد متفاوت است و دو فرد در شرایط جسمانی یکسان ممکن است قضاوت متفاوتی در مورد تندرستی خود یا دیگران بکنند. برای نمونه یک فرد معلول می‌تواند خود را کاملاً تندرست حس کند در حالی که اطرافیانش او را ناسالم بدانند. البته افرادی که بیماری‌های شدید دارند معمولاً از سوی خود و دیگران سالم به‌شمار نمی‌آیند.

واژهٔ سالم در مورد پدیده‌های گوناگون، برای نمونه اقتصاد، فضا و محیط هم کاربرد دارد.</p>
</main>
<!-- footer -->
<footer>

</footer>
</body>
</html>
126 changes: 126 additions & 0 deletions html/contact.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,126 @@
<!doctype html>
<html lang="en">
<head>
<title>Contact</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="../style/contact.css">


<nav>
<ul>
<li><a href="./home.html">خانه</a></li>
<li><a href="./blog.html">بلاگ</a></li>
<li><a href="./video.html">پست ها</a></li>
<li><a href="./about.html">درباره ما</a></li>
<li><a href="./contact.html">تماس با ما</a></li>
<li><a href="./login.html">ورود</a></li>
</ul>
</nav>

</head>
<body>
<section class="ftco-section">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-12">
<div class="wrapper">
<div class="row no-gutters">
<div class="col-lg-8 col-md-7 order-md-last d-flex align-items-stretch">
<div class="contact-wrap w-100 p-md-5 p-4">
<h3 class="mb-4">بریم شروع کنیم</h3>
<div id="form-message-warning" class="mb-4"></div>
<div id="form-message-success" class="mb-4">
از اینکه پام میفرستید سپاس گذاریم
</div>
<form method="POST" id="contactForm" name="contactForm" class="contactForm">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label class="label" for="name">نام و نام خانوادگی</label>
<input type="text" class="form-control" name="name" id="name" placeholder="نام">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label class="label" for="email">ایمیل</label>
<input type="email" class="form-control" name="email" id="email" placeholder="ایمیل">
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<label class="label" for="subject">عنوان</label>
<input type="text" class="form-control" name="subject" id="subject" placeholder="عنوان">
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<label class="label" for="#">پیام</label>
<textarea name="message" class="form-control" id="message" cols="30" rows="4" placeholder="پیام"></textarea>
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<input type="submit" value="ارسال پیام" class="btn btn-primary">
<div class="submitting"></div>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="col-lg-4 col-md-5 d-flex align-items-stretch">
<div class="info-wrap bg-primary w-100 p-md-5 p-4">
<h3>تماس با شرکت ما</h3>
<p class="mb-4">از اینکه پیام میفرستید سپاس گذاریم</p>
<div class="dbox w-100 d-flex align-items-start">
<div class="icon d-flex align-items-center justify-content-center">
<span class="fa fa-map-marker"></span>
</div>
<div class="text pl-3">
<p><span>Address:</span> 198 West 21th Street, Suite 721 New York NY 10016</p>
</div>
</div>
<div class="dbox w-100 d-flex align-items-center">
<div class="icon d-flex align-items-center justify-content-center">
<span class="fa fa-phone"></span>
</div>
<div class="text pl-3">
<p><span>Phone:</span> <a href="tel://1234567920">+ 1235 2355 98</a></p>
</div>
</div>
<div class="dbox w-100 d-flex align-items-center">
<div class="icon d-flex align-items-center justify-content-center">
<span class="fa fa-paper-plane"></span>
</div>
<div class="text pl-3">
<p><span>Email:</span> <a href="mailto:[email protected]">[email protected]</a></p>
</div>
</div>
<div class="dbox w-100 d-flex align-items-center">
<div class="icon d-flex align-items-center justify-content-center">
<span class="fa fa-globe"></span>
</div>
<div class="text pl-3">
<p><span>Website</span> <a href="#">masiran.com</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>

<script src="js/jquery.min.js"></script>
<script src="js/popper.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.validate.min.js"></script>
<script src="js/main.js"></script>

</body>
</html>

32 changes: 32 additions & 0 deletions html/home.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Home</title>
<meta charset="UTF-8">
<meta name="description" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../style/home.css">
</head>
<body>
<!-- header -->
<header>
<nav>
<ul>
<li><a href="./home.html">خانه</a></li>
<li><a href="./blog.html">بلاگ</a></li>
<li><a href="./video.html">پست ها</a></li>
<li><a href="./contact.html">درباره ما</a></li>
<li><a href="./contact.html">تماس با ما</a></li>
<li><a href="./login.html">ورود</a></li>
</ul>
</nav>
</header>
<!-- main -->
<main>
<h1>بهترین سرمایه، سلامت است</h1>
</main>
<!-- footer -->
<footer>

</footer>
</body>
</html>
29 changes: 29 additions & 0 deletions html/login.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>Classic Login Form Example</title>
<link rel="stylesheet" href="../style/login.css">

</head>
<body>
<!-- partial:index.partial.html -->
<section class='login' id='login'>
<div class='head'>
<h1 class='company'>ورود</h1>
</div>
<p class='msg'>خوش آمدید</p>
<div class='form'>
<form>
<input type="text" placeholder='نام کاربری' class='text' id='username' required><br>
<input type="password" placeholder='رمز عبور' class='password'><br>
<a href="#" class='btn-login' id='do-login'>ورود</a>
<a href="#" class='forgot'>رمز خود را فراموش کردید؟</a>
</form>
</div>
</section>
<!-- partial -->
<script src="../script/login.js"></script>

</body>
</html>
38 changes: 38 additions & 0 deletions html/video.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>بلاگ</title>
<meta charset="UTF-8">
<meta name="description" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../style/video.css">
</head>
<body>
<!-- header -->
<header>
<nav>
<ul>
<li><a href="./home.html">خانه</a></li>
<li><a href="./blog.html">بلاگ</a></li>
<li><a href="./video.html">پست ها</a></li>
<li><a href="./about.html">درباره ما</a></li>
<li><a href="./contact.html">تماس با ما</a></li>
<li><a href="./login.html">ورود</a></li>
</ul>
</nav>
</header>
<!-- main -->
<main>
<div>
<iframe sandbox="allow-scripts allow-same-origin" layout="responsive" frameborder="0" src="https://www.aparat.com/video/video/embed/videohash/2OBbX/vt/frame?isamp"></iframe>
<br>
<iframe src="https://www.youtube.com/embed/W9iUh23Xrsg?si=xnLv-2Ov_GiVEo2B" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<br>
<iframe width="640" height="360" sandbox="allow-scripts allow-same-origin" layout="responsive" frameborder="0" src="https://www.aparat.com/video/video/embed/videohash/rkKhs/vt/frame?isamp"></iframe>
</div>
</main>
<!-- footer -->
<footer>

</footer>
</body>
</html>
Binary file added image/about.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 added image/blog.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 added image/photo1.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 added image/video.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.
6 changes: 6 additions & 0 deletions script/login.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
var btnLogin = document.getElementById('do-login');
var idLogin = document.getElementById('login');
var username = document.getElementById('username');
btnLogin.onclick = function(){
idLogin.innerHTML = '<p>خوشحالیم که دوباره شمارا میبینیم </p><h1>' +username.value+ '</h1>';
}
66 changes: 66 additions & 0 deletions style/about.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,66 @@
@font-face {
font-family: irsans;
src: url("../font/irsans.ttf");
}
*{
font-family: irsans;
}
body{
background-image: linear-gradient(to bottom, rgba(200, 59, 189, 0.1), rgba(200, 59, 189, 0.1)),url('../image/about.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
nav{
max-width: 960px;
margin: 0 auto;
padding: 3px 0 ;
}
nav ul{
text-align: center;
background: linear-gradient(90deg, rgba(174, 98, 173, 0.287) 100%, rgba(255,255,255,0.2) 25%, rgba(255,255,255,0.2) 75%, rgba(255,255,255,0.1) 100%);
box-shadow: 0 0 25px rgba(0,0,0,0.1), inset 0 0 1px rgba(255,255,255,0.6);
border-radius: 20px;
direction:rtl
}
nav ul li{
display: inline-block;
}
nav ul li a{
padding: 18px;
color: rgba(142, 24, 142, 0.976);
font-weight: 600;
text-decoration: none;
display: block;
font-size: 25px;
transition: 0.7s;
}
nav ul li a:hover{
color: rgba(206, 28, 206, 0.846);
background: rgba(255, 255, 255, 0.828);
box-shadow: 0 0 25px rgba(0,0,0,0.1), inset 0 0 1px rgba(255,255,255,0.6);
border-radius: 70px;
}


h1{
position: fixed;
top: 15%;
left: 70%;
font-size: 40px;
color: rgb(177, 9, 113);
transition: 0.7s;
}
h1:hover{
color: rgb(255, 0, 60);
}
p{
padding: 10px;
width: 50%;
text-align: center;
padding: 10px;
border-radius: 10px;
box-shadow: 5px 5px 5px 5px rgba(232, 89, 89, 0.494);
margin: 10% 48% auto;
font-size: 23px;
}
Loading