-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
132 lines (121 loc) · 5.74 KB
/
index.html
File metadata and controls
132 lines (121 loc) · 5.74 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
<!DOCTYPE html>
<html lang="ro">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-5HQ3FS146Y"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-5HQ3FS146Y');
</script>
<!-- End of Google Analytics -->
<!-- Hotjar Tracking Code for https://eeturcanu.github.io/ProBio_LP/ -->
<script>
(function(h,o,t,j,a,r){
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
h._hjSettings={hjid:2743775,hjsv:6};
a=o.getElementsByTagName('head')[0];
r=o.createElement('script');r.async=1;
r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
a.appendChild(r);
})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="icon" href="favicon.png" type="image/png"/>
<title>ProBio</title>
<link rel="stylesheet" href="assets/stylesheet/style.css">
</head>
<body>
<div id="navbar" role="navigation">
<div class="container">
<ul id="nav-links" class="container">
<li><a id="nav-brand" href="#front-page"><img id="brand-logo" src="assets/images/logo.png" alt="logo"></img><!--<span id="brand-name">ProBio</span>--></a></li>
<li><a href="#produse">Produse</a></li>
<li><a href="#producatori">Producători</a></li>
<li><a href="#despre-noi">Despre noi</a></li>
<li><a href="#noutati">Noutati</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
<span id="nav-auth" class="container">
<a href="produse.html">Demo cumparator</a>
<a href="anunturi.html">Demo Producator</a>
<a id="user-login" href="javascript:;">Intră în cont</a>
<a id="user-signup" href="javascript:;">Cont nou</a>
</span>
</div>
</div>
<section id="front-page">
<p class="title">ProBio</p>
<p class="description-intro">Digital marketplace<br>done right.</p>
<p id="call-to-action">Susține alături de noi<br>producătorii locali.</p>
<p id="why-us">De ce <span class="title">ProBio</span>?</p>
<p class="selling-point">Acces facil la alimente proaspete,<br>direct de la producători.</p>
</section>
<section id="produse">
<h1>Produse</h1>
<div class="grid max-8">
<div class="product"><img src="assets/images/products/ardei-gras-rosu.png"></img><div>Ardei gras roșu</div></div>
<div class="product"><img src="assets/images/products/cartofi-albi-noi.png"></img><div>Cartofi albi noi</div></div>
<div class="product"><img src="assets/images/products/ceapa-alba.png"></img><div>Ceapă albă</div></div>
<div class="product"><img src="assets/images/products/ceapa-verde.png"></img><div>Ceapă verde</div></div>
<div class="product"><img src="assets/images/products/dovlecei.png"></img><div>Dovlecei</div></div>
<div class="product"><img src="assets/images/products/morcovi.png"></img><div>Morcovi</div></div>
<div class="product"><img src="assets/images/products/ridichi-rosii.png"></img><div>Ridichi rosii</div></div>
<div class="product"><img src="assets/images/products/usturoi.png"></img><div>Usturoi</div></div>
</div>
</section>
<section id="producatori">
<h1>Producători</h1>
<div class="grid">
<div class="producer"><img src="assets/images/producers/Spasitu-Stefan.jpg"></img><div>Ștefan Spăsitu</div></div>
<div class="producer"><img src="assets/images/producers/Bulacu-Lenuta.jpg"></img><div>Lenuța Bulacu</div></div>
<div class="producer"><img src="assets/images/producers/Neamtu-Costel.jpg"></img><div>Costel Neamțu</div></div>
</div>
</section>
<section id="despre-noi">
<h1>Despre noi</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent gravida vel tellus ac mattis. Pellentesque ultrices finibus ligula, id aliquet velit suscipit a. Proin mattis ultricies placerat. Donec sit amet urna ut velit posuere fermentum. Cras scelerisque arcu tortor, ut semper ante venenatis at. Nullam vel porttitor quam, hendrerit aliquam nulla. Donec placerat congue tellus vestibulum porta. Donec leo eros, molestie nec gravida maximus, pretium ac magna. Ut ac felis venenatis, gravida metus sit amet, iaculis felis. Nam aliquam lacus quis nulla congue, et efficitur dolor feugiat.</p>
</section>
<section id="noutati">
<h1>Noutati</h1>
<p>Daca doriti sa fiti la curent cu noutatile despre ProBio, abonati-va la newsletter completand formularul de mai jos</p>
<form id="newsletter-form" action="https://formspree.io/f/mzbobbqw" method="POST">
<label>Email:</label>
<input type="email" name="email" />
<button id="newsletter-form-button">Submit</button>
<p id="newsletter-form-status"></p>
</form>
</section>
<!-- <footer id="contact">
<p>date contact</p>
<p><a href="mailto:name@domain">name@domain</a></p>
</footer> -->
<script src="scripts/lazyLoadBackground.js"></script>
<script src="scripts/showNavbarOnScroll.js"></script>
<script src="scripts/index.js"></script>
<script>
var form = document.getElementById("newsletter-form");
async function handleSubmit(event) {
event.preventDefault();
var status = document.getElementById("newsletter-form-status");
var data = new FormData(event.target);
fetch(event.target.action, {
method: form.method,
body: data,
headers: {
'Accept': 'application/json'
}
}).then(response => {
status.innerHTML = "V-ati abonat cu succes!";
form.reset()
}).catch(error => {
status.innerHTML = "A aparut o problema la abonare. Va rugam sa incercati din nou."
});
}
form.addEventListener("submit", handleSubmit)
</script>
</body>
</html>