mintro-beta 1.0.82 → 1.0.821
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/index.html +0 -164
package/package.json
CHANGED
package/index.html
DELETED
|
@@ -1,164 +0,0 @@
|
|
|
1
|
-
<html lang="en">
|
|
2
|
-
<head>
|
|
3
|
-
<meta charset="UTF-8">
|
|
4
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
5
|
-
<title>Landing Page</title>
|
|
6
|
-
<style>
|
|
7
|
-
/* CSS RESET */
|
|
8
|
-
*,
|
|
9
|
-
*::before,
|
|
10
|
-
*::after {
|
|
11
|
-
box-sizing: border-box;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
* {
|
|
15
|
-
margin: 0;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
body {
|
|
19
|
-
line-height: 1.5;
|
|
20
|
-
-webkit-font-smoothing: antialiased;
|
|
21
|
-
letter-spacing: -0.5px;
|
|
22
|
-
background-color: var(--c-background-100);
|
|
23
|
-
color: var(--c-gray-1000);
|
|
24
|
-
font-family: Arial, sans-serif;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
img,
|
|
28
|
-
picture,
|
|
29
|
-
video,
|
|
30
|
-
canvas,
|
|
31
|
-
svg {
|
|
32
|
-
display: block;
|
|
33
|
-
max-width: 100%;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
input,
|
|
37
|
-
button,
|
|
38
|
-
textarea,
|
|
39
|
-
select {
|
|
40
|
-
font: inherit;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
p,
|
|
44
|
-
h1,
|
|
45
|
-
h2,
|
|
46
|
-
h3,
|
|
47
|
-
h4,
|
|
48
|
-
h5,
|
|
49
|
-
h6 {
|
|
50
|
-
overflow-wrap: break-word;
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
:root {
|
|
54
|
-
--c-background-100: #000000;
|
|
55
|
-
--c-gray-1000: #ededed;
|
|
56
|
-
--c-blue-600: #0091ff;
|
|
57
|
-
--transition-1: all 0.1s ease;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
header {
|
|
61
|
-
position: sticky;
|
|
62
|
-
top: 0;
|
|
63
|
-
background-color: var(--c-background-100);
|
|
64
|
-
padding: 20px;
|
|
65
|
-
text-align: center;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
nav a {
|
|
69
|
-
color: var(--c-gray-1000);
|
|
70
|
-
margin: 0 10px;
|
|
71
|
-
text-decoration: none;
|
|
72
|
-
transition: var(--transition-1);
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
nav a:hover {
|
|
76
|
-
color: var(--c-blue-600);
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
.hero {
|
|
80
|
-
background-color: var(--c-background-100);
|
|
81
|
-
padding: 100px 20px;
|
|
82
|
-
text-align: center;
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
.hero h1 {
|
|
86
|
-
font-size: 2.5rem;
|
|
87
|
-
margin-bottom: 20px;
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
.hero p {
|
|
91
|
-
font-size: 1.2rem;
|
|
92
|
-
margin-bottom: 30px;
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
.button {
|
|
96
|
-
background-color: var(--c-blue-600);
|
|
97
|
-
color: var(--c-gray-1000);
|
|
98
|
-
padding: 10px 20px;
|
|
99
|
-
border: none;
|
|
100
|
-
cursor: pointer;
|
|
101
|
-
transition: var(--transition-1);
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
.button:hover {
|
|
105
|
-
background-color: var(--c-gray-1000);
|
|
106
|
-
color: var(--c-blue-600);
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
.features, .testimonials, .contact, footer {
|
|
110
|
-
padding: 50px 20px;
|
|
111
|
-
text-align: center;
|
|
112
|
-
}
|
|
113
|
-
|
|
114
|
-
.features h2, .testimonials h2, .contact h2 {
|
|
115
|
-
font-size: 2rem;
|
|
116
|
-
margin-bottom: 20px;
|
|
117
|
-
}
|
|
118
|
-
|
|
119
|
-
.features p, .testimonials p, .contact p {
|
|
120
|
-
font-size: 1rem;
|
|
121
|
-
margin-bottom: 10px;
|
|
122
|
-
}
|
|
123
|
-
</style>
|
|
124
|
-
</head>
|
|
125
|
-
<body>
|
|
126
|
-
<header>
|
|
127
|
-
<nav>
|
|
128
|
-
<a href="#about">About</a>
|
|
129
|
-
<a href="#features">Features</a>
|
|
130
|
-
<a href="#testimonials">Testimonials</a>
|
|
131
|
-
<a href="#contact">Contact</a>
|
|
132
|
-
</nav>
|
|
133
|
-
</header>
|
|
134
|
-
<main>
|
|
135
|
-
<section class="hero" id="hero">
|
|
136
|
-
<h1>Transform Your Experience with Our Cutting-Edge Solution</h1>
|
|
137
|
-
<p>Discover how our product can change the way you work and live.</p>
|
|
138
|
-
<button class="button">Get Started Today</button>
|
|
139
|
-
</section>
|
|
140
|
-
<section class="features" id="features">
|
|
141
|
-
<h2>Features</h2>
|
|
142
|
-
<p>Seamless Integration with Existing Systems.</p>
|
|
143
|
-
<p>Advanced Analytics and Insights.</p>
|
|
144
|
-
<p>Customizable to Fit Your Needs.</p>
|
|
145
|
-
</section>
|
|
146
|
-
<section class="testimonials" id="testimonials">
|
|
147
|
-
<h2>Testimonials</h2>
|
|
148
|
-
<p>"This product has revolutionized the way we work – it's a game-changer!" - Jane Doe</p>
|
|
149
|
-
</section>
|
|
150
|
-
<section class="contact" id="contact">
|
|
151
|
-
<h2>Contact Us</h2>
|
|
152
|
-
<form>
|
|
153
|
-
<p><input type="text" placeholder="Name" required></p>
|
|
154
|
-
<p><input type="email" placeholder="Email" required></p>
|
|
155
|
-
<p><textarea placeholder="Message" required></textarea></p>
|
|
156
|
-
<p><button class="button" type="submit">Send Message</button></p>
|
|
157
|
-
</form>
|
|
158
|
-
</section>
|
|
159
|
-
</main>
|
|
160
|
-
<footer>
|
|
161
|
-
<p>© 2024 Your Company</p>
|
|
162
|
-
</footer>
|
|
163
|
-
</body>
|
|
164
|
-
</html>
|