-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
150 lines (141 loc) · 6.11 KB
/
index.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<title>WebBuild | Homepage</title>
<meta charset="UTF-8">
<script type="text/javascript" data-cmp-ab="1" src="https://cdn.consentmanager.net/delivery/autoblocking/58cacb21d2eac.js" data-cmp-host="d.delivery.consentmanager.net" data-cmp-cdn="cdn.consentmanager.net" data-cmp-codesrc="16"></script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-4FN5ZJE2K2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-4FN5ZJE2K2');
</script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Build stunning websites for free with WebBuild. No coding skills required.">
<!-- Open Graph / Twitter Meta Tags (optional) -->
<meta property="og:title" content="WebBuild">
<meta property="og:description" content="Build stunning websites for free with WebBuild. No coding skills required.">
<meta property="og:image" content="https://webbuild.js.org/webbuild.png">
<meta name="twitter:card" content="summary_large_image">
<!-- Favicon -->
<link rel="shortcut icon" href="webbuild.webp" type="image/x-icon">
<!-- Bulma CSS (via CDN) -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.9.4/css/bulma.min.css">
<!-- Animate.css (for CSS animations) -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
<!-- Custom CSS -->
<link rel="stylesheet" href="style.css">
<!-- Font Awesome for icons -->
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
</head>
<body>
<!-- HERO SECTION -->
<section class="hero is-fullheight">
<div class="hero-body">
<div class="container has-text-centered">
<h1 class="title animate__animated animate__fadeInDown">WebBuild</h1>
<h2 class="subtitle animate__animated animate__fadeInUp animate__delay-1s">
Build stunning websites effortlessly. <b>100% free</b> and <b>no premium plans</b>.
</h2>
<a href="https://webbuild.js.org/builder" class="button is-secondary is-large animate__animated animate__fadeInUp animate__delay-2s">
Build Now
</a>
</div>
</div>
</section>
<!-- FEATURES SECTION -->
<section class="section">
<div class="container">
<h1 class="title has-text-centered">Features</h1>
<div class="columns is-multiline is-variable is-4">
<div class="column is-one-third">
<div class="card feature-card animate__animated animate__fadeIn">
<div class="card-content has-text-centered">
<span class="icon is-large has-text-primary">
<i class="fas fa-code fa-2x"></i>
</span>
<p class="title is-5">Export to HTML</p>
<p class="subtitle is-6">Get clean, exportable HTML code instantly.</p>
</div>
</div>
</div>
<div class="column is-one-third">
<div class="card feature-card animate__animated animate__fadeIn animate__delay-1s">
<div class="card-content has-text-centered">
<span class="icon is-large has-text-info">
<i class="fas fa-magic fa-2x"></i>
</span>
<p class="title is-5">Animations & Effects</p>
<p class="subtitle is-6">Add stunning animations and interactive effects.</p>
</div>
</div>
</div>
<div class="column is-one-third">
<div class="card feature-card animate__animated animate__fadeIn animate__delay-2s">
<div class="card-content has-text-centered">
<span class="icon is-large has-text-success">
<i class="fas fa-laptop-code fa-2x"></i>
</span>
<p class="title is-5">Client-Side Only</p>
<p class="subtitle is-6">Everything runs on your browser – no server needed.</p>
</div>
</div>
</div>
<!-- You can add more feature cards here if needed -->
</div>
</div>
</section>
<!-- DEMO SECTION -->
<section class="section has-background-light">
<div class="container">
<h1 class="title has-text-centered">See it in Action</h1>
<div class="columns is-vcentered">
<div class="column is-half">
<figure class="image is-6by4">
<img src="screenshot.webp" alt="WebBuild Interface Demo" class="animate__animated animate__slideInLeft">
</figure>
</div>
<div class="column is-half">
<div class="content animate__animated animate__slideInRight animate__delay-1s">
<p>Customize your website with our intuitive drag-and-drop interface. Easily add animations, effects, and advanced settings in real-time.</p>
<p>Whether you're a beginner or a pro, WebBuild makes website creation effortless.</p>
</div>
</div>
</div>
</div>
</section>
<!-- STATISTICS SECTION -->
<section class="section">
<div class="container">
<div class="columns has-text-centered">
<div class="column">
<p class="heading">Updates</p>
<p class="title">150+</p>
</div>
<div class="column">
<p class="heading">Lines of Code</p>
<p class="title">2k+</p>
</div>
<div class="column">
<p class="heading">Users</p>
<p class="title">799+</p>
</div>
</div>
</div>
</section>
<!-- FOOTER -->
<footer class="footer">
<div class="content has-text-centered">
<p>Made with ❤️ by <a href="https://github.com/thunderxofficial">thunderx</a>. The source code is licensed under the <a href="https://github.com/thunderxofficial/webbuild/blob/main/LICENSE">Apache License 2.0</a>.</p>
<p>
<a href="tos.html">Terms Of Service</a> |
<a href="mailto:plwmail@duck.com">Contact Us</a> |
<a href="privacypolicy.html">Privacy Policy</a>
</p>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>