Skip to content

Commit 0a78139

Browse files
Sukhpreet-sSukhpreet-s
committed
Update third section with bootstrap
1 parent 2cba517 commit 0a78139

File tree

2 files changed

+27
-29
lines changed

2 files changed

+27
-29
lines changed

‎app/assets/stylesheets/landing_page.scss‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -59,6 +59,11 @@
5959
border-color: #408e44 !important;
6060
}
6161

62+
.app-images {
63+
height: 400px;
64+
width: 100%;
65+
}
66+
6267
// .text {
6368

6469
// &-header {

‎app/views/static/index.html.erb‎

Lines changed: 22 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -8,12 +8,6 @@
88
<%# <script src="https://cdn.jsdelivr.net/gh/alpinejs/[email protected]/dist/alpine.min.js" defer></script> %>
99
<%# <script src="https://cdn.tailwindcss.com"></script> %>
1010
<%= stylesheet_link_tag 'landing_page', media: 'all' %>
11-
12-
<style>
13-
.app-images {
14-
height: 400px;
15-
}
16-
</style>
1711
</head>
1812
<body>
1913
<%= render partial: "shared/flash_tailwind" %>
@@ -115,69 +109,68 @@
115109
</div>
116110
</div>
117111

118-
<div class="w-3/4 mx-auto py-24">
119-
120-
<div class="flex flex-col md:flex-row justify-center">
121-
<div class="flex flex-col justify-center items-center w-full sm:w-1/2">
112+
<div class="w-75 mx-auto py-5 my-5">
113+
<div class="row">
114+
<div class="col-12 col-md-6 d-flex flex-column justify-content-center align-items-center">
122115
<div class="pb-2">
123116
<%= image_tag("partner-management.svg", class: "app-images") %>
124117
</div>
125118
<div class="text-center">
126-
<h3 class="text-3xl">Partner Management</h3>
127-
<p class="text-gray-400 mt-2">Invite, review applications, certify and recertify partner agencies. Review, approve, and view history of partner orders. </p>
119+
<h3 class="text-lg">Partner Management</h3>
120+
<p class="text-muted mt-2">Invite, review applications, certify and recertify partner agencies. Review, approve, and view history of partner orders. </p>
128121
</div>
129122
</div>
130-
<div class="flex flex-col justify-center items-center w-full sm:w-1/2">
123+
<div class="col-12 col-md-6 d-flex flex-column justify-content-center align-items-center">
131124
<div class="pb-2">
132125
<%= image_tag("forecasting.svg", class: "app-images") %>
133126
</div>
134127
<div class="text-center">
135-
<h3 class="text-3xl">Forecasting</h3>
136-
<p class="text-gray-400 mt-2">View charts with month over month data for your distributions, purchases, and donations so you can accurately forecast need.</p>
128+
<h3 class="text-lg">Forecasting</h3>
129+
<p class="text-muted mt-2">View charts with month over month data for your distributions, purchases, and donations so you can accurately forecast need.</p>
137130
</div>
138131
</div>
139132
</div>
140133

141-
<div class="flex flex-col md:flex-row justify-center">
142-
<div class="flex flex-col justify-center items-center w-full sm:w-1/2">
134+
<div class="row">
135+
<div class="col-12 col-md-6 d-flex flex-column justify-content-center align-items-center">
143136
<div class="pb-2">
144137
<%= image_tag("report-image.svg", class: "app-images") %>
145138
</div>
146139
<div class="text-center">
147-
<h3 class="text-3xl">Report Generation</h3>
148-
<p class="text-gray-400 mt-2">Generate PDFs of partner distribution invoices for easy printing and sending.</p>
140+
<h3 class="text-lg">Report Generation</h3>
141+
<p class="text-muted mt-2">Generate PDFs of partner distribution invoices for easy printing and sending.</p>
149142
</div>
150143
</div>
151144

152-
<div class="flex flex-col justify-center items-center w-full sm:w-1/2">
145+
<div class="col-12 col-md-6 d-flex flex-column justify-content-center align-items-center">
153146
<div class="pb-2">
154147
<%= image_tag("barcode.svg", class: "app-images") %>
155148
</div>
156149
<div class="text-center">
157-
<h3 class="text-3xl">Barcode Scanning</h3>
158-
<p class="text-gray-400 mt-2">Quickly add or remove inventory with the scan of a barcode. Creating your own barcodes is also supported.</p>
150+
<h3 class="text-lg">Barcode Scanning</h3>
151+
<p class="text-muted mt-2">Quickly add or remove inventory with the scan of a barcode. Creating your own barcodes is also supported.</p>
159152
</div>
160153
</div>
161154
</div>
162155

163-
<div class="flex flex-col md:flex-row justify-center">
164-
<div class="flex flex-col justify-center items-center w-full sm:w-1/2">
156+
<div class="row">
157+
<div class="col-12 col-md-6 d-flex flex-column justify-content-center align-items-center">
165158
<div class="pb-2">
166159
<%= image_tag("inventory-image.svg", class: "app-images") %>
167160
</div>
168161
<div class="text-center">
169-
<h3 class="text-3xl">Inventory Management</h3>
170-
<p class="text-gray-400 mt-2">Easily keep track of the items in your inventory regardless of their storage location. Adjust and transfer your inventory between locations as needed.</p>
162+
<h3 class="text-lg">Inventory Management</h3>
163+
<p class="text-muted mt-2">Easily keep track of the items in your inventory regardless of their storage location. Adjust and transfer your inventory between locations as needed.</p>
171164
</div>
172165
</div>
173166

174-
<div class="flex flex-col justify-center items-center w-full sm:w-1/2">
167+
<div class="col-12 col-md-6 d-flex flex-column justify-content-center align-items-center">
175168
<div class="pb-2">
176169
<%= image_tag("dashboard-image.svg", class: "app-images") %>
177170
</div>
178171
<div class="text-center">
179-
<h3 class="text-3xl">Dashboard Visualization</h3>
180-
<p class="text-gray-400 mt-2">Quickly view your inventory, donations, purchases, and distributions on a single page.</p>
172+
<h3 class="text-lg">Dashboard Visualization</h3>
173+
<p class="text-muted mt-2">Quickly view your inventory, donations, purchases, and distributions on a single page.</p>
181174
</div>
182175
</div>
183176
</div>

0 commit comments

Comments
 (0)