New Text Document

<!
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>Document</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?
family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200"
/>
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.0.16/typed.umd.js"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.js"></
script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"
></script>
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/
owl.carousel.min.css"/>
</head>
<body>
<div class="scroll-up-btn">
<span class="material-symbols-rounded"></span>
</div>
<nav class="navbar">
<div class="max-width">
<div class="logo"><a href="#">Mani <span>:)</span></a></div>
<ul class="menu">
<li><a href="#home" class="menu-btn">Home</a></li>
<li><a href="#about" class="menu-btn">About</a></li>
<?php
if
(isset($_SESSION["state_login"])&&$_SESSION["state_login"]===true &&
$_SESSION["user_type"]=="admin")
{
?>
<li><a href="#services" class="menu-btn">Services

<?php echo ("({$_SESSION["username"]})") ?>
</a></li>
<?php
}
?>
<li><a href="#skills" class="menu-btn">Skills</a></li>
<li><a href="#teams" class="menu-btn">Teams</a></li>
<li><a href="#contact" class="menu-btn">Contact</a></li>
<?php
if
(isset($_SESSION["state_login"])&&$_SESSION["state_login"]===true)
{
?>
<li><a href="LOGOUT.php" class="menu-btn">Logout
<?php echo("({$_SESSION["username"]})") ?>
</a></li>
<?php
}
else
{
?>
<li><a href="index.php" class="menu-btn">Login</a></li>
<?php
}
?>
</ul>
<div class="menu-btn">
<span class="material-symbols-outlined">menu</span>
</div>
</div>
</nav>


<section class="home" id="home">
<div class="home-content">
<div class="text-1">Hello, My Name Is</div>
<div class="text-2">Mani Yadegari</div>
<div class="text-3">And I'm a <span class="typing"></span></div>
<a href="#">Hire Me</a>
</div>
</div>
</section>


<section class="about" id="about">
<h2 class="title">About Me</h2>
<div class="about-content">
<div class="column left">
<img src="images/profile-1.jpeg" alt="">
</div>
<div class="column right">
<div class="text">I'm Mani and I'm a <span
class="typing-2"></span></div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Amet
nulla, quaerat distinctio quibusdam quasi id laborum provident, eius accusantium
labore quod. Doloribus natus molestias delectus tenetur at dignissimos mollitia
omnis?</p>
<a href="#">Download CV</a>
</div>
</div>
</section>


<section class="services" id="services">
<h2 class="title">My Services</h2>
<div class="serv-content">
<div class="card">
<div class="box">
<span class="material-symbols-outlined">brush</span>
<div class="text">Web Design</div>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Incidunt, neque distinctio animi quis repellat similique.</p>
</div>
</div>
<div class="card">
<div class="box">
<span class="material-symbols-outlined">monitoring</span>
<div class="text">Advertising</div>
</div>
</div>
<div class="card">
<div class="box">
<span class="material-symbols-outlined">code</span>
<div class="text">App Design</div>
</div>
</div>
</div>
</section>


<section class="skills" id="skills">
<h2 class="title">My Skills</h2>
<div class="skills-content">
<div class="text">My Creative Skills & Expriences</div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.
Dolor debitis, consequuntur fuga corrupti quae itaque, sequi sed ipsam vitae quas
veritatis similique ad placeat, nulla illo excepturi id obcaecati. Voluptatem
dolorem repudiandae, eaque provident molestiae accusamus? Tempore cumque nobis
temporibus. Iure, et possimus nisi animi dicta non voluptate maxime dolore ipsa
esse adipisci, beatae deleniti magni eum, inventore veritatis ullam.</p>
<a href="#">Read More</a>
</div>
<div class="bars">
<div class="info">
<span>HTML</span>
<span>90%</span>
</div>
<div class="line html"></div>
</div>
<div class="bars">
<div class="info">
<span>CSS</span>
<span>60%</span>
</div>
<div class="line css"></div>
</div>
<div class="bars">
<div class="info">
<span>JavaScript</span>
<span>80%</span>
</div>
<div class="line js"></div>
</div>
<div class="bars">
<div class="info">
<span>PHP</span>
<span>50%</span>
</div>
<div class="line php"></div>
</div>
<div class="bars">
<div class="info">
<span>MySQL</span>
<span>70%</span>
</div>
<div class="line mysql"></div>
</div>
</div>
</div>
</div>
</section>


<section class="teams" id="teams">
<h2 class="title">My Teams</h2>
<div class="carousel owl-carousel">
<div class="card">
<div class="box">
<div class="text">Someone Name</div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing
elit.</p>
</div>
</div>
<div class="card">
<div class="box">
elit.</p>
</div>
</div>
<div class="card">
<div class="box">
elit.</p>
</div>
</div>
<div class="card">
<div class="box">
elit.</p>
</div>
</div>
<div class="card">
<div class="box">
elit.</p>
</div>
</div>
</div>
</div>
</div>
</section>

<section class="contact" id="contact">
<h2 class="title">Contact Me</h2>
<div class="contact-content">
<div class="text">Get In Touch</div>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit.
Animi, ad odio voluptatibus corrupti nulla reiciendis facilis ut in quos velit!</p>
<div class="icons">
<div class="row">
<span
class="material-symbols-outlined">account_circle</span>
<div class="info">
<div class="head">Name</div>
<div class="sub-title">Mani Yadegari</div>
</div>
</div>
<div class="row">
<span class="material-symbols-outlined">pin_drop</span>
<div class="info">
<div class="head">Adress</div>
<div class="sub-title">Karaj</div>
</div>
</div>
<div class="row">
<span class="material-symbols-outlined">mail</span>
<div class="info">
<div class="head">Email</div>
<div class="sub-title">[email protected]</div>
</div>
</div>
</div>
</div>
<div class="text">Message Me</div>
<form action="#">
<div class="fields">
<div class="field name">
<input type="text" placeholder="Name"required>
</div>
<div class="field email">
<input type="email" placeholder="Email" required>
</div>
</div>
<div class="field">
<input type="text" placeholder="Subject" required>
</div>
<div class="field textarea">
<textarea name="" id="" cols="30" rows="10"
placeholder="Describe Project.." required></textarea>
</div>
<div class="button">
<button type="submit">Send Message</button>
</div>
</form>
</div>
</div>
</div>
</div>
</section>

<footer>
<span>Created By <a href="#">Mani</a> | <span class="material-symbols-
rounded">copyright</span><span>2023 All Rights Reserved.</span>
</footer>
<script src="script.js"></script>
</body>
</html>

New Text Document

Uploaded by

Copyright:

Available Formats

New Text Document

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

New Text Document

Uploaded by

Copyright:

Available Formats

<!

<li><a href="#services" class="menu-btn">Services

You might also like