forked from teambi0s/teambi0s.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
updated the website with new template
- Loading branch information
Showing
522 changed files
with
55,058 additions
and
50,099 deletions.
There are no files selected for viewing
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,228 @@ | ||
<!doctype html> | ||
<html class="no-js" lang="zxx"> | ||
|
||
<head> | ||
<meta charset="utf-8"> | ||
<meta http-equiv="x-ua-compatible" content="ie=edge"> | ||
<title>Team bi0s | Cyber Awareness</title> | ||
<meta name="description" content=""> | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | ||
|
||
<!-- <link rel="manifest" href="site.webmanifest"> --> | ||
<!-- Place favicon.ico in the root directory --> | ||
|
||
<!-- CSS here --> | ||
<link rel="icon" href="/img/favicon.png"> | ||
<link rel="stylesheet" href="/css/bootstrap.min.css"> | ||
<link rel="stylesheet" href="/css/owl.carousel.min.css"> | ||
<link rel="stylesheet" href="/css/magnific-popup.css"> | ||
<link rel="stylesheet" href="/css/font-awesome.min.css"> | ||
<link rel="stylesheet" href="/css/themify-icons.css"> | ||
<link rel="stylesheet" href="/css/nice-select.css"> | ||
<link rel="stylesheet" href="/css/flaticon.css"> | ||
<link rel="stylesheet" href="/css/gijgo.css"> | ||
<link rel="stylesheet" href="/css/animate.min.css"> | ||
<link rel="stylesheet" href="/css/slicknav.css"> | ||
<link rel="stylesheet" href="/css/style.css"> | ||
<link rel="stylesheet" href="/css/blog.css"> | ||
<!-- <link rel="stylesheet" href="css/responsive.css"> --> | ||
</head> | ||
|
||
<body> | ||
<!-- header-start --> | ||
<header> | ||
<div class="header-area "> | ||
<div id="sticky-header" class="main-header-area"> | ||
<div class="container-fluid p-0"> | ||
<div class="row align-items-center no-gutters"> | ||
<div class="col-xl-2 col-lg-2"> | ||
<div class="logo-img"> | ||
<a href="/index.html"> | ||
<img src="/img/logo.png" alt=""> | ||
</a> | ||
</div> | ||
</div> | ||
<div class="col-xl-10 col-lg-10"> | ||
<div class="main-menu d-none d-lg-block text-center"> | ||
<nav> | ||
<ul id="navigation"> | ||
<li><a class="active" href="/index.html">home</a></li> | ||
<li><a href="/events.html">Events</a></li> | ||
<li><a href="#">Categories <i class="ti-angle-down"></i></a> | ||
<ul class="submenu"> | ||
<li><a href="/categorysoftware.html">Software</a></li> | ||
<li><a href="/hardware.html">Hardware</a></li> | ||
<li><a href="/pentest.html">PenTest</a></li> | ||
</ul> | ||
</li> | ||
<li><a href="#">pages <i class="ti-angle-down"></i></a> | ||
<ul class="submenu"> | ||
<li><a href="/members.html">Members</a></li> | ||
<li><a href="https://wiki.bi0s.in/">bi0s wiki</a></li> | ||
<li><a href="https://blog.bi0s.in/">blog</a></li> | ||
</ul> | ||
</li> | ||
<li><a href="/achievements.html">Achievements</a></li> | ||
<li><a href="/awareness">Cyber awareness</a></li> | ||
</ul> | ||
</nav> | ||
</div> | ||
</div> | ||
<div class="col-12"> | ||
<div class="mobile_menu d-block d-lg-none"></div> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</header> | ||
<!-- header-end --> | ||
|
||
<!-- bradcam_area --> | ||
<div class="bradcam_area bradcam_bg_1"> | ||
<div class="container"> | ||
<div class="row"> | ||
<div class="col-xl-12"> | ||
<div class="bradcam_text text-center"> | ||
<h3>Cyber Awareness</h3> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
<!-- /bradcam_area --> | ||
<br><br><br> | ||
<div class="content"> | ||
<!-- Awareness Topic --> | ||
<center><h1>Cyber Ethics</h1></center> | ||
<p> | ||
Cyber Ethics basically touches on our online behaviour, how we conduct ourselves online and whether we follow certain unwritten rules of the online space. | ||
<br> | ||
We do have a choice to make when we come in face with our evil self. We can either be a good netizen or be the bully. | ||
|
||
</p> | ||
|
||
<br> | ||
<center><div class="feature-img"> | ||
<img class="img-fluid" src="/img/cyber-awareness/cyborethics.png" alt=""></img> | ||
</div></center> | ||
<section class="sample-text-area"> | ||
|
||
<div class="container box_1170"> | ||
|
||
<p class="sample-text"> | ||
<ul class="unordered-list"> | ||
<!-- <li></li> --> | ||
<h5>Few unwritten rules to follow are to be a good netizen are:</h5> | ||
<li><p>Take consent to share pictures, video or written article of someone else</p></li> | ||
<li><p>Refrain from posting hurtful content</p></li> | ||
<li><p>Do not write vulgar or hurtful comments on someone's post</p></li> | ||
<li><p>Refrain from spreading rumours about people online as well as offline </p></li> | ||
<li><p>Do not invade another person's privacy</p></li> | ||
<li><p>Always give credit to the original creator if you are using their work. Also ask permission when needed</p></li> | ||
<li><p>Do not spread malware in systems and devices intentionally</p></li> | ||
<li><p>Gaining illegal authorization to operate a computer or systems is a crime</p></li> | ||
<li><p>Do not threaten, stalk or bully a user</p></li> | ||
<li><p>Do not obtain services online through deception</p></li> | ||
<li><p>Refrain from downloading software from unverified websites</p></li> | ||
|
||
<br><br> | ||
|
||
<p>Understand that liking and sharing or reposting of embarrassing and humiliating pics and content is also considered cyber bullying. Thus refrain from any activity that harms another person.</p> | ||
|
||
</ul> | ||
</p> | ||
</div> | ||
</section> | ||
<br> | ||
<!-- Awareness Topic-end--> | ||
</div> | ||
|
||
|
||
|
||
<!-- footer start --> | ||
<footer class="footer"> | ||
<div class="footer_top"> | ||
<div class="container"> | ||
<div class="row align-items-center"> | ||
<div class="col-lg-2 col-md-3"> | ||
<div class="footer_logo wow fadeInRight" data-wow-duration="1s" data-wow-delay=".3s"> | ||
<a href="/index.html"> | ||
<img src="/img/logo.png" alt=""> | ||
</a> | ||
</div> | ||
</div> | ||
<div class="col-xl-7 col-lg-7 col-md-9"> | ||
<div class="menu_links"> | ||
<ul> | ||
<li><a class="wow fadeInDown" data-wow-duration="1s" data-wow-delay=".2s" href="/index.html">home</a class="wow fadeInUp" data-wow-duration="1s" data-wow-delay=".3s"></li> | ||
<li><a class="wow fadeInDown" data-wow-duration="1s" data-wow-delay=".4s" href="/events.html">Events</a></li> | ||
<li><a class="wow fadeInDown" data-wow-duration="1s" data-wow-delay=".6s" href="/hardware.html">Hardware</a></li> | ||
<li><a class="wow fadeInDown" data-wow-duration="1s" data-wow-delay=".8s" href="/pentest.html">PenTest</a></li> | ||
<li><a class="wow fadeInDown" data-wow-duration="1s" data-wow-delay="1s" href="https://blog.bi0s.in/">Blog</a></li> | ||
<li><a class="wow fadeInDown" data-wow-duration="1s" data-wow-delay="1.1s" href="/contact.html">Contact</a></li> | ||
</ul> | ||
</div> | ||
</div> | ||
<div class="col-lg-3 col-md-12"> | ||
<div class="socail_links"> | ||
<ul> | ||
<li><a class="wow fadeInUp" data-wow-duration="1s" data-wow-delay=".3s" href="https://www.facebook.com/teambi0s/"> <i class="fa fa-facebook"></i> </a></li> | ||
<li><a class="wow fadeInUp" data-wow-duration="1s" data-wow-delay=".4s" href="https://twitter.com/teambi0s?lang=en"> <i class="fa fa-twitter"></i> </a></li> | ||
<li><a class="wow fadeInUp" data-wow-duration="1s" data-wow-delay=".5s" href="https://www.instagram.com/teambi0s/"> <i class="fa fa-instagram"></i> </a></li> | ||
<li><a class="wow fadeInUp" data-wow-duration="1s" data-wow-delay=".6s" href="https://www.linkedin.com/company/teambi0s/"> <i class="fa fa-linkedin"></i> </a></li> </ul> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
|
||
</footer> | ||
<!--/ footer end --> | ||
|
||
|
||
<!-- JS here --> | ||
<script src="/js/vendor/modernizr-3.5.0.min.js"></script> | ||
<script src="/js/vendor/jquery-1.12.4.min.js"></script> | ||
<script src="/js/popper.min.js"></script> | ||
<script src="/js/bootstrap.min.js"></script> | ||
<script src="/js/owl.carousel.min.js"></script> | ||
<script src="/js/isotope.pkgd.min.js"></script> | ||
<script src="/js/ajax-form.js"></script> | ||
<script src="/js/waypoints.min.js"></script> | ||
<script src="/js/jquery.counterup.min.js"></script> | ||
<script src="/js/imagesloaded.pkgd.min.js"></script> | ||
<script src="/js/scrollIt.js"></script> | ||
<script src="/js/jquery.scrollUp.min.js"></script> | ||
<script src="/js/wow.min.js"></script> | ||
<script src="/js/nice-select.min.js"></script> | ||
<script src="/js/jquery.slicknav.min.js"></script> | ||
<script src="/js/jquery.magnific-popup.min.js"></script> | ||
<script src="/js/plugins.js"></script> | ||
<script src="/js/gijgo.min.js"></script> | ||
|
||
<!--contact js--> | ||
<script src="/js/contact.js"></script> | ||
<script src="/js/jquery.ajaxchimp.min.js"></script> | ||
<script src="/js/jquery.form.js"></script> | ||
<script src="/js/jquery.validate.min.js"></script> | ||
<script src="/js/mail-script.js"></script> | ||
|
||
<script src="/js/main.js"></script> | ||
<script> | ||
$('#datepicker').datepicker({ | ||
iconsLibrary: 'fontawesome', | ||
icons: { | ||
rightIcon: '<span class="fa fa-caret-down"></span>' | ||
} | ||
}); | ||
$('#datepicker2').datepicker({ | ||
iconsLibrary: 'fontawesome', | ||
icons: { | ||
rightIcon: '<span class="fa fa-caret-down"></span>' | ||
} | ||
|
||
}); | ||
</script> | ||
</body> | ||
</html> |
Oops, something went wrong.