-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathworkshop.html
106 lines (104 loc) · 6.87 KB
/
workshop.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
104
105
106
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Club Workshop</title>
<link rel="stylesheet" href="workshop.css">
<script defer src="workshop.js"></script>
<link rel="icon" href="New DOT logo.png">
</head>
<body>
<header>
<nav class="navbar">
<a href="index.html"><img src="./main images/New DOT logo (1).png" alt="Club Logo" class="logo"></a>
<div class="menu-icon" id="menu-icon">
<span id="hide_1"></span>
<span id="rotate_1" style="position: absolute;top: 45.6px;" ></span>
<span id="rotate_2"></span>
<span id="hide_2"></span>
</div>
<ul class="nav-links" id="nav-links">
<li><a href="index.html">Home</a></li>
<li><a href="event.html">Event</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle">Our Work</a>
<ul class="dropdown-menu">
<li><a href="workshop.html">Workshops</a></li>
<li><a href="project.html">Projects</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#our-team" class="dropdown-toggle">Our Team</a>
<ul class="dropdown-menu">
<li><a href="Our team.html">Team</a></li>
<li><a href="https://devops-malnad.github.io/DevopsAttendanceSystem/">Login</a></li>
</ul>
</li>
<li><a href="contact.html">Contact Us</a></li>
<li><a href="aboutus.html">About Us</a></li>
</ul>
</nav>
</header>
<main>
<section class="workshops">
<div class="workshop-slot">
<img src="./workshop images/Pyhon.png" alt="Workshop 1 Image">
<h3>Basic Python programming </h3>
<p>The Basic Python Programming workshop featured two sessions: the first on April 23, from 2 PM to 4 PM in AB Block, introduced Python programming to all college students. The second session, held on April 30 at the same time and location, continued the basics of Python programming.</p>
</div>
<div class="workshop-slot">
<img src="./workshop images/Intro Of Web.jpg" alt="Workshop 2 Image">
<h3>Fundamentals of Web Development</h3>
<p>The Web Development workshop began with an introductory session on November 12, 2022, from 2 PM to 5 PM in AB Block, where club members covered the basics of HTML and CSS. The second session, held on November 19, 2022, at the same time and location, built on the first session and involved project assignments related to the topics covered.</p>
</div>
<div class="workshop-slot">
<img src="./workshop images/Video.png" alt="Workshop 3 Image">
<h3>Wbasics On Video Editing</h3>
<p>In November 2022, the club members held a session on basic video editing in the AB block. This session introduced participants to essential video editing techniques and tools, offering hands-on experience with popular editing software and enhancing their multimedia skills following the earlier web development workshops.</p>
</div>
<div class="workshop-slot">
<img src="./workshop images/Git.jpg" alt="Workshop 4 Image">
<h3>Basics on Git Hub</h3>
<p>On February 16, 2024, a session exclusively for club members was held in the AB block to provide a brief overview of Git and GitHub. Conducted by the club members, this session aimed to introduce essential version control concepts and practical usage of Git and GitHub, enhancing members' collaboration and project management skills.</p>
</div>
<div class="workshop-slot">
<img src="./workshop images/Canva.jpg" alt="Workshop 5 Image">
<h3>Basics On using Canva</h3>
<p>On January 13, 2024, we conducted an exclusive session for club members, concentrating on mastering Canva elements and basic tools. The event aimed to enhance members' Canva skills through hands-on assignments, ensuring practical experience and improvement. By the end, members were better equipped to use Canva effectively.</p>
</div>
<div class="workshop-slot">
<img src="./workshop images/Report.jpg" alt="Workshop 6 Image">
<h3>Report and Letter formatting</h3>
<p>On January 19, 2024, we held a session on report and letter formatting to boost vocabulary and formal writing skills. The session covered proper formatting techniques and provided practical examples and exercises. Participants gained insights into improving their writing style and structure, leaving with enhanced skills for effective formal communication.</p>
</div>
<div class="workshop-slot">
<img src="./workshop images/Fun Of Web.jpg" alt="Workshop 7 Image">
<h3>Basic web development</h3>
<p>The Web Development workshop started on May 22, 2024, with a session on HTML and CSS basics. The following day, participants learned portfolio building, focusing on creating their own portfolios. Both sessions were held in AB Block.</p>
</div>
<div class="workshop-slot">
<img src="./workshop images/Digital.jpg" alt="Workshop 8 Image">
<h3>Digital Designing</h3>
<p>A session was held on June 22, 2024, in the SA block, led by one of our former club members. This session provided a brief overview of poster design and the choice of colours for various scenarios, equipping participants with fundamental design principles and skills.</p>
</div>
</section>
</main>
<footer>
<div class="social-icons">
<a href="https://www.instagram.com/devops_malnad/" target="_blank" class="social-link">
<img src="./workshop images/insta.png" alt="Instagram">
</a>
<a href="https://www.linkedin.com/company/devops-team-mce/posts/?feedView=all" target="_blank" class="social-link">
<img src="./workshop images/linkedin.png" alt="LinkedIn">
</a>
<a href="[email protected]" target="_blank" class="social-link">
<img src="./workshop images/mail.png" alt="Gmail" class="mail">
</a>
<a href="https://github.com/Devops-Malnad" target="_blank" class="social-link">
<img src="./workshop images/github.png" alt="GitHub">
</a>
</div>
</footer>
</body>
</html>