-
Notifications
You must be signed in to change notification settings - Fork 0
License
FazalMahmood/fazalmahmood.com
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link href="https://fonts.googleapis.com/css?family=Montserrat:200,300,300i,400,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
<script src="https://kit.fontawesome.com/41064ceb63.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<link rel="icon" href="images/favicon.png" type="image/png">
<title>License — Fazal Mahmood</title>
</head>
<body>
<header class="header">
<div class="container">
<div class="header__inner">
<div class="user">
<div class="user__avatar">
<img src="images/user_avatar.png" alt="">
</div>
<div class="user__content">
<div class="user__name">Fazal<br>Mahmood</div>
<div class="user__prof">FOSS Specialist</div>
</div>
</div>
<nav class="nav" id="nav">
<a class="nav__link" href="https://fazalmahmood.com">Home</a>
<a class="nav__link" href="#about">About</a>
<a class="nav__link" href="solutions">Solutions</a>
<a class="nav__link" href="#blog">Blog</a>
<a class="nav__link" href="#" data-modal="#modal__hire_me">Contact</a>
<a class="nav__link nav__link--btn" href="#" data-modal="#modal__consultation">Get a Free Consultation</a>
</nav>
<button class="burger" type="button" id="navToggle">
<i class="fas fa-bars"></i>
</button>
</div>
</div>
</header>
<section class="about">
<div class="container">
<div class="about__inner">
<div class="about__photo">
<img class="img" src="images/creative-commons.png" alt="Photo designer">
</div>
<div class="about__content" id="about">
<h3 class="about__title">Creative Commons License</h3>
<div class="about__text">
<p>The content on this website is licensed under a Creative Commons Attribution 4.0 International License, unless otherwise noted. This means you are free to use, share, and adapt the content for any purpose, even commercially, without needing to provide attribution.</p>
<p>Please note that some content on this website may include material from other creators, which is used under their respective licenses. Any such content will be clearly marked with the original licensing information.</p>
</div>
</div>
</div>
</div>
</section>
<div class="news">
<div class="container">
<div class="news__header" id="blog">
<h3 class="news__title">Discover more</h3>
<div class="news__text">Where Smart Thoughts Take Shape</div>
</div>
<div class="articles">
<div class="articles__col">
<div class="articles__item">
<div class="articles__header">
<time class="articles__date">12<br>april</time>
<a href="#solutions">
<img src="images/thumbnails/essential_tools_applications.png" alt="Articles photo" class="articles__photo img">
</a>
</div>
<div class="articles__content">
<div class="articles__title"><a href="#solutions">10 Free and Open-Source Apps for Everyday Use</a></div>
<div class="articles__cat">Productivity</div>
<div class="articles__text"><p>Explore a range of essential tools for daily tasks through 10 free and open-source apps. Enhance productivity, bolster security, and simplify your life with software that prioritizes user freedom and respects your privacy and autonomy.</p></div>
</div>
<a class="btn" href="#solutions">read more</a>
</div>
</div>
<div class="articles__col">
<div class="articles__item">
<div class="articles__header">
<time class="articles__date">15<br>march</time>
<a href="#solutions">
<img src="images/thumbnails/securing_website.png" alt="Articles photo" class="articles__photo img">
</a>
</div>
<div class="articles__content">
<div class="articles__title"><a href="#solutions">How to Protect Your Website from Cyber Threats</a></div>
<div class="articles__cat">Security, Websites </div>
<div class="articles__text"><p>Protect your site from cyber threats with these essential steps: keep software updated, use strong passwords, enable HTTPS, regularly back up data, and educate yourself and your team about online security and known attack techniques.</p></div>
</div>
<a class="btn" href="#solutions">read more</a>
</div>
</div>
<div class="articles__col">
<div class="articles__item">
<div class="articles__header">
<time class="articles__date">03<br>march</time>
<a href="#solutions">
<img src="images/thumbnails/website_exploring.png" alt="Articles photo" class="articles__photo img">
</a>
</div>
<div class="articles__content">
<div class="articles__title"><a href="#solutions">Exploring the Benefits of Using Open Source Software</a></div>
<div class="articles__cat">Security, Scalability, Freedom</div>
<div class="articles__text"><p>Open source software offers cost-effective solutions with robust community support and transparency. Its flexibility allows customization to specific needs, making it a popular choice for businesses and projects seeking reliable, adaptable, and community-driven software solutions.</p></div>
</div>
<a class="btn" href="#solutions">read more</a>
</div>
</div>
</div>
<div class="news__footer">
<a href="#">See more posts</a>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
<div class="footer__inner">
<div class="footer__credits">
<div class="footer__copyright">
<a href="license"><span class="creative-commons">cc</span> fazalmahmood.com</a>
</div>
<div class="footer__social">
<a href="" class="footer__social-icon" target="_blank">
<i class="fab fa-twitter"></i>
</a>
</div>
</div>
<nav class="footer__nav">
<a href="#solutions" class="footer__nav-link">Solutions</a>
<a href="#about" class="footer__nav-link">About</a>
<a href="#blog" class="footer__nav-link">Blog</a>
<a href="#" data-modal="#modal__hire_me" class="footer__nav-link">Contact</a>
<a class="footer__nav-link footer__nav-link--btn" href="#" data-modal="#modal__consultation">Let's Talk</a>
</nav>
</div>
</div>
</footer>
<div class="modal" id="modal__hire_me">
<div class="modal__dialog modal__dialog--sm">
<button class="modal__close" type="button" data-close>
<img src="images/close.png" alt="Close">
</button>
<div class="contact">
<div class="contact__left">
<h3 class="modal__title mb-0">Contact Me</h3>
<h4 class="modal__subtitle">Leave me a message</h4><br></br>
<form id="contactForm">
<div class="form-group">
<label for="input-email" class="form__label">Name</label>
<input type="text" class="form__input" name="name" id="name" placeholder="Your name" required>
</div>
<div class="form-group">
<label for="input-email" class="form__label">Email</label>
<input type="text" class="form__input" name="email" id="email" placeholder="Your email address" required>
</div>
<div class="form-group">
<label for="input-text" class="form__label">Message</label>
<textarea class="form__textarea" name="message" id="message" placeholder="Type your message..." required></textarea>
</div>
<div class="text-left">
<button class="btn" type="submit">Send</button>
<div id="response"></div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="modal" id="modal__consultation">
<div class="modal__dialog modal__dialog--sm">
<!-- Cal inline embed code begins -->
<iframe src="https://appointments.fazalmahmood.com/index.php?service=2" width="100%" height="800px" frameborder="0" scrolling="no"></iframe>
<!-- Cal inline embed code ends -->
</div>
</div>
<!-- JS -->
<script src="js/slick.min.js"></script>
<script src="js/app.js"></script>
<script src="js/form.js"></script>
</body>
</html>