-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
209 lines (197 loc) · 6.92 KB
/
Copy pathindex.html
File metadata and controls
209 lines (197 loc) · 6.92 KB
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
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>DevConf-2026</title>
<!-- css link -->
<link rel="stylesheet" href="./style.css" />
<!-- google fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap"
rel="stylesheet"
/>
</head>
<body>
<!-- header section start -->
<header class="container">
<nav class="navbar">
<img src="images/logo.png" alt="" />
<!-- <h5 class="logo-text">DEVCONFIG <br />2026</h5> -->
<ul>
<li><a href="#">Speakers</a></li>
<li><a href="#">Schedule</a></li>
<li><a href="#">Trscks</a></li>
<li><a href="#">Vanue</a></li>
<li><a href="#">Blog</a></li>
</ul>
<button class="btn">Register Now</button>
</nav>
</header>
<!-- header section end -->
<!-- hero section start -->
<section class="hero">
<h2>Code. <em>Connect.</em> Create</h2>
<p>
Join 4000+ enginners, founders and builders at the premier developers
<br />
confarance of 2026. Three days of cutting-edge tolk, hands-on workshops
<br />
and meainingful connections
</p>
<button class="hero-btn">Register Now</button>
</section>
<!-- hero section end -->
<!-- Meet the speakers section start -->
<section>
<h2 class="speakers-heading">Meet Our Speakers</h2>
<div class="speaker-section">
<div class="speakers">
<img src="./images/andrej.png" alt="" />
<div class="speakers-text">
<p class="Designation">AI/ML</p>
<h3 class="name">Andrej Karpathy</h3>
<p class="position">pretranning team, Anthropic</p>
</div>
</div>
<div class="speakers">
<img src="./images/demis.png" alt="" />
<div class="speakers-text">
<p class="Designation">Cloud & DevOps</p>
<h3 class="name">Demis Hassabis</h3>
<p class="position">Co-Founder and CEO, Google DeepMind</p>
</div>
</div>
<div class="speakers">
<img src="./images/gary.png" alt="" />
<div class="speakers-text">
<p class="Designation">Frontend</p>
<h3 class="name">Gary Marcus</h3>
<p class="position">Staff Engineer, Vercel</p>
</div>
</div>
<div class="speakers">
<img src="./images/mustafa.png" alt="" />
<div class="speakers-text">
<p class="Designation">Security</p>
<h3 class="name">Mustafa Suleyman</h3>
<p class="position">CEO of Microsoft AI</p>
</div>
</div>
</div>
</section>
<!-- Meet the speakers section end -->
<!-- pricing section start -->
<section class="pricing">
<h2 class="pricing-heading">Secure Your Spot</h2>
<p class="pricing-pera">Early-bird pricing ends August 15, 2026.</p>
<!-- procing card 1 -->
<div class="pricing-section">
<div class="card">
<h4>STANDARD</h4>
<h2>$399</h2>
<p>per person</p>
<hr />
<ul>
<li>Access to all 3 conference days</li>
<li>48 curated technicial talks</li>
<li>2 workshop session</li>
<li>Networking lunch & coffee breaks</li>
<li>Conference swag bag</li>
<li>Digital recordings (30 days)</li>
</ul>
<button class="pricing-btn-1">Get Standard</button>
</div>
<!-- procing card 2 -->
<div class="card pro">
<h4>PRO</h4>
<h2>$749</h2>
<p>per person</p>
<hr />
<ul>
<li>Everything in Standard</li>
<li>Unlimited workshop</li>
<li>Speaker meet & greet</li>
<li>VIP networking dinner</li>
<li>Lifetime recording access</li>
<li>1-on-1 mentorship (30 min)</li>
</ul>
<button class="pricing-btn-2">Get Standard</button>
</div>
<!-- procing card 3 -->
<div class="card">
<h4>TEAM</h4>
<h2>$5,999</h2>
<p>up to 10 people</p>
<hr />
<ul>
<li>Everything in Pro (10 seats)</li>
<li>Dedicated team lounge access</li>
<li>Private workshop booking</li>
<li>Company logo on event page</li>
<li>Recruitment booth (1 day)</li>
<li>Priority customer support</li>
</ul>
<button class="pricing-btn-3">Get Standard</button>
</div>
</div>
</section>
<!-- pricing section end -->
<!-- FAQ Section -->
<section class="faq">
<div class="container">
<div class="section-title">
<h2>Frequently Asked Questions</h2>
<p>Find answers to the most common questions about DevConf 2026.</p>
</div>
<div class="faq-container">
<details class="faq-item">
<summary>What is DevConf 2026?</summary>
<p>
DevConfig 2026 is a technology conference where developers,
designers, and tech enthusiasts come together to learn from
industry experts, discover new technologies, and network with
professionals.
</p>
</details>
<details class="faq-item">
<summary>Who can attend the conference?</summary>
<p>
Everyone is welcome! Whether you are a student, beginner,
freelancer, or experienced developer, the conference has sessions
for all skill levels.
</p>
</details>
<details class="faq-item">
<summary>How do I register for the event?</summary>
<p>
Simply choose your preferred ticket from the Pricing section and
click the "Register Now" button. After completing your payment,
you'll receive a confirmation email.
</p>
</details>
<details class="faq-item">
<summary>Will I receive a certificate?</summary>
<p>
Yes! Every registered attendee will receive a digital certificate
after successfully attending the conference.
</p>
</details>
</div>
</div>
</section>
<!-- footer section start -->
<footer class="footer-section container">
<div class="footer-content">
<p>©2026 DevConf. All rights reserved.</p>
</div>
<ul class="footer-nav">
<li>Privacy Policy</li>
<li>Terms of Service</li>
</ul>
</footer>
<!-- footer section end -->
</body>
</html>