-
Notifications
You must be signed in to change notification settings - Fork 0
/
Projects.html
103 lines (96 loc) · 7.31 KB
/
Projects.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Our Projects</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<div class="logo">
<img src="blitzstormlogo.png" onclick="window.open('blitzstormlogo.png', '_blank')" alt="logo">
</div>
<button class="menu-toggle" onclick="toggleNav()">☰</button>
<nav class="main-nav">
<button class="close-btn" onclick="toggleNav()">✖</button>
<ul>
<li><a href="/">Home</a></li>
<li><a href="About.html">About Us</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="Projects.html">Projects</a></li>
<li><a href="Portfolio.html">Portfolio</a></li>
<li><a href="Contact.html">Contact</a></li>
</ul>
</nav>
</header>
<section id="projects" class="projects-section">
<div class="container">
<h2>Our Projects</h2>
<div class="projects-grid">
<div class="project-item">
<img src="Project.jpeg" alt="Project 1">
<h3>Osint workshop in collaboration with AUCSS for university students</h3>
</div>
<div class="project-item">
<img src="Project2.jpeg" alt="Project 2">
<h3>Online Jeopardy-style CTF event featuring over 35 challenges, with 37 teams competing</h3>
</div>
<!-- <div class="project-item">
<img src="Project2.jpeg" alt="Project 3">
<h4>Capture the Flag </h4>
</div> -->
</div>
</div>
</section>
<section id="workshop" class="workshop-section">
<div class="container">
<h2>Upcoming Projects</h2>
<div class="workshop-item">
<img src="workshop1.jpeg" alt="Workshop 1">
</div>
<div class="workshop-item">
<img src="osint-100-workshop.jpg" alt="Workshop 2">
</div>
</div>
</section>
<footer class="footer">
<div class="footer-container">
<div class="footer-logo">
<img src="blitzstormlogo.png" onclick="window.open('blitzstormlogo.png', '_blank')" alt="The Premier Cyber Security Logo">
<p>The Premier Cyber Security Company</p>
<div class="footer-social">
<a href="https://www.instagram.com/blitzstorm.sec?igsh=MThxdzFpcTV0YTFwaA==" aria-label="Instagram" target="_blank" rel="noopener noreferrer">
<svg xmlns="https://www.w3.org/2000/svg" x="0px" y="0px" width="30" height="30" viewBox="0 0 48 48">
<radialGradient id="yOrnnhliCrdS2gy~4tD8ma_Xy10Jcu1L2Su_gr1" cx="19.38" cy="42.035" r="44.899" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fd5"></stop><stop offset=".328" stop-color="#ff543f"></stop><stop offset=".348" stop-color="#fc5245"></stop><stop offset=".504" stop-color="#e64771"></stop><stop offset=".643" stop-color="#d53e91"></stop><stop offset=".761" stop-color="#cc39a4"></stop><stop offset=".841" stop-color="#c837ab"></stop></radialGradient><path fill="url(#yOrnnhliCrdS2gy~4tD8ma_Xy10Jcu1L2Su_gr1)" d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20 c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20 C42.014,38.383,38.417,41.986,34.017,41.99z"></path><radialGradient id="yOrnnhliCrdS2gy~4tD8mb_Xy10Jcu1L2Su_gr2" cx="11.786" cy="5.54" r="29.813" gradientTransform="matrix(1 0 0 .6663 0 1.849)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#4168c9"></stop><stop offset=".999" stop-color="#4168c9" stop-opacity="0"></stop></radialGradient><path fill="url(#yOrnnhliCrdS2gy~4tD8mb_Xy10Jcu1L2Su_gr2)" d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20 c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20 C42.014,38.383,38.417,41.986,34.017,41.99z"></path><path fill="#fff" d="M24,31c-3.859,0-7-3.14-7-7s3.141-7,7-7s7,3.14,7,7S27.859,31,24,31z M24,19c-2.757,0-5,2.243-5,5 s2.243,5,5,5s5-2.243,5-5S26.757,19,24,19z"></path><circle cx="31.5" cy="16.5" r="1.5" fill="#fff"></circle><path fill="#fff" d="M30,37H18c-3.859,0-7-3.14-7-7V18c0-3.86,3.141-7,7-7h12c3.859,0,7,3.14,7,7v12 C37,33.86,33.859,37,30,37z M18,13c-2.757,0-5,2.243-5,5v12c0,2.757,2.243,5,5,5h12c2.757,0,5-2.243,5-5V18c0-2.757-2.243-5-5-5H18z"></path>
</svg>
</a>
<a href="https://www.linkedin.com/company/blitzstorm/" aria-label="LinkedIn" target="_blank" rel="noopener noreferrer">
<svg xmlns="https://www.w3.org/2000/svg" x="0px" y="0px" width="30" height="30" viewBox="0 0 48 48">
<path fill="#0078d4" d="M42,37c0,2.762-2.238,5-5,5H11c-2.761,0-5-2.238-5-5V11c0-2.762,2.239-5,5-5h26c2.762,0,5,2.238,5,5 V37z"></path><path d="M30,37V26.901c0-1.689-0.819-2.698-2.192-2.698c-0.815,0-1.414,0.459-1.779,1.364 c-0.017,0.064-0.041,0.325-0.031,1.114L26,37h-7V18h7v1.061C27.022,18.356,28.275,18,29.738,18c4.547,0,7.261,3.093,7.261,8.274 L37,37H30z M11,37V18h3.457C12.454,18,11,16.528,11,14.499C11,12.472,12.478,11,14.514,11c2.012,0,3.445,1.431,3.486,3.479 C18,16.523,16.521,18,14.485,18H18v19H11z" opacity=".05"></path><path d="M30.5,36.5v-9.599c0-1.973-1.031-3.198-2.692-3.198c-1.295,0-1.935,0.912-2.243,1.677 c-0.082,0.199-0.071,0.989-0.067,1.326L25.5,36.5h-6v-18h6v1.638c0.795-0.823,2.075-1.638,4.238-1.638 c4.233,0,6.761,2.906,6.761,7.774L36.5,36.5H30.5z M11.5,36.5v-18h6v18H11.5z M14.457,17.5c-1.713,0-2.957-1.262-2.957-3.001 c0-1.738,1.268-2.999,3.014-2.999c1.724,0,2.951,1.229,2.986,2.989c0,1.749-1.268,3.011-3.015,3.011H14.457z" opacity=".07"></path><path fill="#fff" d="M12,19h5v17h-5V19z M14.485,17h-0.028C12.965,17,12,15.888,12,14.499C12,13.08,12.995,12,14.514,12 c1.521,0,2.458,1.08,2.486,2.499C17,15.887,16.035,17,14.485,17z M36,36h-5v-9.099c0-2.198-1.225-3.698-3.192-3.698 c-1.501,0-2.313,1.012-2.707,1.99C24.957,25.543,25,26.511,25,27v9h-5V19h5v2.616C25.721,20.5,26.85,19,29.738,19 c3.578,0,6.261,2.25,6.261,7.274L36,36L36,36z"></path>
</svg>
</a>
</div>
</div>
<div class="footer-company">
<p>Company</p>
<a href="index.html">Home</a>
<a href="About.html">About Us</a>
<a href="services.html">Services</a>
<a href="Projects.html">Project</a>
<a href="Portfolio.html">Portfolio</a>
<a href="Contact.html">Contact</a>
</div>
<div class="footer-contact">
<p>Get in touch</p>
<a href="mailto:[email protected]">[email protected]</a>
</div>
</div>
<div class="footer-line"></div>
<div class="footer-copyright">
Copyright © 2024 BlitzStrom | Powered by BlitzStrom
</div>
</footer>
<script src="script.js"></script>
</body>
</html>