-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
143 lines (139 loc) · 4.87 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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0059)http://buildmycode.com/i/marketing-mba/roas-calculator.html -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>ROAS calculator</title>
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link
href="https://fonts.googleapis.com/css2?family=Inter:wght@300;700&display=swap"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="./ROAS calculator_files/font-awesome.min.css"
type="text/css"
/>
<link
rel="stylesheet"
href="./ROAS calculator_files/style.css"
type="text/css"
/>
<link
rel="stylesheet"
href="./ROAS calculator_files/responsive.css"
type="text/css"
/>
<script src="./ROAS calculator_files/jquery.min.js.download"></script>
<script src="./ROAS calculator_files/roas-calculator.js.download"></script>
</head>
<body
data-new-gr-c-s-check-loaded="14.1006.0"
data-gr-ext-installed=""
style=""
>
<div class="page">
<div class="container">
<div class="calculator_wrap">
<h1>ROAS Calculator</h1>
<div class="currency_wrap">
<div class="calc_field">
<label class="calc_label">Currency</label>
<div class="calc_field_wrap medium_3">
<select class="calc_input" id="currency">
<option value="EUR" selected="selected">EUR</option>
<option value="USD">USD</option>
<option value="GBP">GBP</option>
<option value="AED">AED</option>
</select>
</div>
</div>
</div>
<div class="calc_details_wrap">
<div class="calc_form">
<h2>Assumptions</h2>
<div class="calc_field">
<label class="calc_label"
>Ad Spend (<span class="calc_currency currency_symbol">€</span
>)</label
>
<div class="calc_field_wrap">
<input
class="calc_input currency_field"
type="text"
value="15.000,00 €"
placeholder="Ad Spend"
id="ad_spend"
data-val="15000"
/>
</div>
</div>
<div class="calc_field">
<label class="calc_label"
>Revenue from Ad Spend (<span
class="calc_currency currency_symbol"
>€</span
>)</label
>
<div class="calc_field_wrap">
<input
class="calc_input currency_field"
type="text"
value="72.000,00 €"
placeholder="Revenue from Ad Spend"
id="revenue"
data-val="72000"
/>
</div>
</div>
<div class="calc_field submit_wrap">
<button
type="submit"
class="calc_form_submit"
id="calculate_roas"
>
Calculate
</button>
</div>
</div>
<div class="calc_form result">
<h2>Results</h2>
<div class="calc_field">
<div class="calc_field">
<label class="calc_label"
>Profit (<span class="calc_currency currency_symbol">€</span
>)</label
>
</div>
<div class="calc_result_value">
<span class="gain_or_loss" id="profit">0</span>
</div>
</div>
<div class="calc_field background">
<label class="calc_label"
>Return on Ad Spend (ROAS)
<span class="calc_unit">(%)</span></label
>
<div class="calc_result_value">
<span class="" id="roas">0 %</span>
</div>
</div>
<div class="calc_field">
<label class="calc_label"
>Minimum Revenue to reach 800% ROAS(<span
class="calc_currency currency_symbol"
>€</span
>)</label
>
<div class="calc_result_value">
<span class="time_needed" id="min_revenue">0</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>