New changes.
parent
77a22ef73d
commit
9e430f7bdf
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -0,0 +1,519 @@
|
||||
{% extends "customer_main.html" %}
|
||||
{%load static%}
|
||||
|
||||
{% block modules_section %}
|
||||
<!-- This block is intentionally left empty to exclude the modules section -->
|
||||
{% endblock modules_section %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
|
||||
<div class="w-full px-5 s:px-9 flex flex-col gap-5 mt-5 mb-5">
|
||||
<div class="w-full h-fit bg-white rounded-md shadow-md px-5 py-9 flex flex-col justify-center items-center">
|
||||
<p class="text-osiblue uppercase text-xl s:text-3xl font-poppinsBold text-center">Dedicated CPU Servers</p>
|
||||
|
||||
<!-- PRICING ON DESKTOP -->
|
||||
<div class="w-full hidden xlg:grid grid-cols-2 xll:grid-cols-4 mt-24">
|
||||
<div class="w-full h-full border border-gray-200 border-r-transparent p-9 flex flex-col gap-5 items-center">
|
||||
<p class="text-secondosiblue uppercase font-poppinsBold text-2xl text-center">DEDICATED 1</p>
|
||||
|
||||
<div class="w-full flex flex-col justify-center items-center">
|
||||
<p class="text-osiblue font-poppinsLight text-xl font-semibold">30%</p>
|
||||
<p class="text-osiblue font-poppinsLight text-xl font-semibold">$103.06/month
|
||||
</p>
|
||||
<p class="text-gray-500">Regular Price: $143.95/month</p>
|
||||
</div>
|
||||
|
||||
<a href="">
|
||||
<button
|
||||
class="w-fit px-9 py-2 bg-secondosiblue border border-secondosiblue text-white uppercase hover:bg-white hover:text-secondosiblue duration-300">Get
|
||||
Started
|
||||
</button>
|
||||
</a>
|
||||
|
||||
<div class="w-full flex flex-col gap-2 mt-5">
|
||||
<h1 class="text-gray-500 text-xl font-light">Server Resources:</h1>
|
||||
|
||||
<div class="w-full flex flex-col gap-1 text-secondosiblue">
|
||||
<p>2x AMD EPYC Cores</p>
|
||||
<p>4 GB RAM</p>
|
||||
<p>80 GB SSD Space</p>
|
||||
<p>4 TB Bandwidth</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="w-full flex flex-col gap-2">
|
||||
<h1 class="text-gray-500 text-xl font-light">Essential Features:</h1>
|
||||
|
||||
<div class="w-full flex flex-col gap-1 text-secondosiblue">
|
||||
<p>Unlimited Websites</p>
|
||||
<p>Dedicated IP Address</p>
|
||||
<p>cPanel/WHM</p>
|
||||
<p>Imunify360 Security</p>
|
||||
<p>WordPress Toolkit</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="w-full flex flex-col gap-2">
|
||||
<h1 class="text-gray-500 text-xl font-light">Important Features:</h1>
|
||||
|
||||
<div class="w-full flex flex-col gap-1 text-secondosiblue">
|
||||
<p>DDos Protection</p>
|
||||
<p>Free SSL Certificate</p>
|
||||
<p>NVMe Storage</p>
|
||||
<p>Daily Backup</p>
|
||||
<p>SSH Root Access</p>
|
||||
<p>Free Website Transfer</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="relative">
|
||||
<div
|
||||
class="w-full bg-osiblue text-white text-center px-3 py-3 text-xl absolute -top-[54px] rounded-t-md border border-osiblue font-poppinsBold">
|
||||
<p>Best Value</p>
|
||||
</div>
|
||||
|
||||
<div class="border h-full border-osiblue w-full p-9 flex flex-col gap-5 items-center">
|
||||
<p class="text-secondosiblue uppercase font-poppinsBold text-2xl text-center">DEDICATED 2</p>
|
||||
|
||||
<div class="w-full flex flex-col justify-center items-center">
|
||||
<p class="text-osiblue font-poppinsLight text-xl font-semibold">30%</p>
|
||||
<p class="text-osiblue font-poppinsLight text-xl font-semibold">
|
||||
$127.16/month</p>
|
||||
<p class="text-gray-500">Regular Price: $184.95/month</p>
|
||||
</div>
|
||||
|
||||
<a href="">
|
||||
<button
|
||||
class="w-fit px-9 py-2 bg-secondosiblue border border-secondosiblue text-white uppercase hover:bg-white hover:text-secondosiblue duration-300">Get
|
||||
Started
|
||||
</button>
|
||||
</a>
|
||||
|
||||
<div class="w-full flex flex-col gap-2 mt-5">
|
||||
<h1 class="text-gray-500 text-xl font-light">Server Resources:</h1>
|
||||
|
||||
<div class="w-full flex flex-col gap-1 text-secondosiblue">
|
||||
<p>4x AMD EPYC Cores</p>
|
||||
<p>8 GB RAM</p>
|
||||
<p>160 GB SSD Space</p>
|
||||
<p>5 TB Bandwidth</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="w-full flex flex-col gap-2">
|
||||
<h1 class="text-gray-500 text-xl font-light">Essential Features:</h1>
|
||||
|
||||
<div class="w-full flex flex-col gap-1 text-secondosiblue">
|
||||
<p>Unlimited Websites</p>
|
||||
<p>Dedicated IP Address</p>
|
||||
<p>cPanel/WHM</p>
|
||||
<p>Imunify360 Security</p>
|
||||
<p>WordPress Toolkit</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="w-full flex flex-col gap-2">
|
||||
<h1 class="text-gray-500 text-xl font-light">Important Features:</h1>
|
||||
|
||||
<div class="w-full flex flex-col gap-1 text-secondosiblue">
|
||||
<p>DDos Protection</p>
|
||||
<p>Free SSL Certificate</p>
|
||||
<p>NVMe Storage</p>
|
||||
<p>Daily Backup</p>
|
||||
<p>SSH Root Access</p>
|
||||
<p>Free Website Transfer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="w-full h-full border border-gray-200 p-9 flex flex-col gap-5 items-center">
|
||||
<p class="text-secondosiblue uppercase font-poppinsBold text-2xl text-center">DEDICATED 3</p>
|
||||
|
||||
<div class="w-full flex flex-col justify-center items-center">
|
||||
<p class="text-osiblue font-poppinsLight text-xl font-semibold">30%</p>
|
||||
<p class="text-osiblue font-poppinsLight text-xl font-semibold">$173.63/month</p>
|
||||
<p class="text-gray-500">Regular Price: $252.95/month</p>
|
||||
</div>
|
||||
|
||||
<a href="">
|
||||
<button
|
||||
class="w-fit px-9 py-2 bg-secondosiblue border border-secondosiblue text-white uppercase hover:bg-white hover:text-secondosiblue duration-300">Get
|
||||
Started
|
||||
</button>
|
||||
</a>
|
||||
|
||||
|
||||
<div class="w-full flex flex-col gap-2 mt-5">
|
||||
<h1 class="text-gray-500 text-xl font-light">Server Resources:</h1>
|
||||
|
||||
<div class="w-full flex flex-col gap-1 text-secondosiblue">
|
||||
<p>8x AMD EPYC Cores</p>
|
||||
<p>16 GB ECC RAM</p>
|
||||
<p>320 GB SSD Space</p>
|
||||
<p>6 TB Bandwidth</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="w-full flex flex-col gap-2">
|
||||
<h1 class="text-gray-500 text-xl font-light">Essential Features:</h1>
|
||||
|
||||
<div class="w-full flex flex-col gap-1 text-secondosiblue">
|
||||
<p>Unlimited Websites</p>
|
||||
<p>Dedicated IP Address</p>
|
||||
<p>cPanel/WHM</p>
|
||||
<p>Imunify360 Security</p>
|
||||
<p>WordPress Toolkit</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="w-full flex flex-col gap-2">
|
||||
<h1 class="text-gray-500 text-xl font-light">Important Features:</h1>
|
||||
|
||||
<div class="w-full flex flex-col gap-1 text-secondosiblue">
|
||||
<p>DDos Protection</p>
|
||||
<p>Free SSL Certificate</p>
|
||||
<p>NVMe Storage</p>
|
||||
<p>Daily Backup</p>
|
||||
<p>SSH Root Access</p>
|
||||
<p>Free Website Transfer</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="w-full h-full border border-gray-200 p-9 flex flex-col gap-5 items-center">
|
||||
<p class="text-secondosiblue uppercase font-poppinsBold text-2xl text-center">DEDICATED 4</p>
|
||||
|
||||
<div class="w-full flex flex-col justify-center items-center">
|
||||
<p class="text-osiblue font-poppinsLight text-base s:text-xl font-semibold">30%</p>
|
||||
<p class="text-osiblue font-poppinsLight text-base s:text-xl font-semibold">$265.76/month</p>
|
||||
<p class="text-gray-500">Regular Price: $374.95/month</p>
|
||||
</div>
|
||||
|
||||
<a href="">
|
||||
<button
|
||||
class="w-fit px-9 py-2 bg-secondosiblue border border-secondosiblue text-white uppercase hover:bg-white hover:text-secondosiblue duration-300">Get
|
||||
Started
|
||||
</button>
|
||||
</a>
|
||||
|
||||
|
||||
<div class="w-full flex flex-col gap-2 mt-5">
|
||||
<h1 class="text-gray-500 text-xl font-light">Server Resources:</h1>
|
||||
|
||||
<div class="w-full flex flex-col gap-1 text-secondosiblue">
|
||||
<p>16x AMD EPYC Cores</p>
|
||||
<p>32 GB ECC RAM</p>
|
||||
<p>640 GB SSD Space</p>
|
||||
<p>7 TB Bandwidth</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="w-full flex flex-col gap-2">
|
||||
<h1 class="text-gray-500 text-xl font-light">Essential Features:</h1>
|
||||
|
||||
<div class="w-full flex flex-col gap-1 text-secondosiblue">
|
||||
<p>Unlimited Websites</p>
|
||||
<p>Dedicated IP Address</p>
|
||||
<p>cPanel/WHM</p>
|
||||
<p>Imunify360 Security</p>
|
||||
<p>WordPress Toolkit</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="w-full flex flex-col gap-2">
|
||||
<h1 class="text-gray-500 text-xl font-light">Important Features:</h1>
|
||||
|
||||
<div class="w-full flex flex-col gap-1 text-secondosiblue">
|
||||
<p>DDos Protection</p>
|
||||
<p>Free SSL Certificate</p>
|
||||
<p>NVMe Storage</p>
|
||||
<p>Daily Backup</p>
|
||||
<p>SSH Root Access</p>
|
||||
<p>Free Website Transfer</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- PRICING ON MOBILE -->
|
||||
<div class="w-full flex xlg:hidden flex-col gap-10 mt-10">
|
||||
<div>
|
||||
<div class="w-full p-9 border border-gray-200 flex flex-col items-center gap-5 rounded-t-md">
|
||||
<p class="text-secondosiblue uppercase font-poppinsBold text-xl text-center">DEDICATED 1</p>
|
||||
|
||||
<div class="w-full flex flex-col justify-center items-center">
|
||||
<p class="text-osiblue font-poppinsLight text-xl font-semibold">30%</p>
|
||||
<p class="text-osiblue font-poppinsLight text-xl font-semibold">$103.06/month</p>
|
||||
<p class="text-gray-500">Regular Price: $143.95/month</p>
|
||||
</div>
|
||||
|
||||
<a href="">
|
||||
<button
|
||||
class="w-fit px-9 py-2 bg-secondosiblue border border-secondosiblue text-white uppercase hover:bg-white hover:text-secondosiblue duration-300">Get
|
||||
Started
|
||||
</button>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="w-full bg-secondosiblue text-white py-3 px-5 text-center flex justify-center items-center gap-2 border border-secondosiblue hover:bg-white hover:text-secondosiblue duration-300 openFeaturesDropdown">
|
||||
<p>View Features</p>
|
||||
<i class="fas fa-angle-down"></i>
|
||||
</div>
|
||||
|
||||
<div class="w-full flex flex-col gap-5 p-5 border border-gray-200 featuresContainer hidden">
|
||||
<div class="w-full flex flex-col gap-2 mt-5">
|
||||
<h1 class="text-gray-500 text-xl font-light">Server Resources:</h1>
|
||||
|
||||
<div class="w-full flex flex-col gap-1 text-secondosiblue">
|
||||
<p>2x AMD EPYC Cores</p>
|
||||
<p>4 GB RAM</p>
|
||||
<p>80 GB SSD Space</p>
|
||||
<p>4 TB Bandwidth</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="w-full flex flex-col gap-2">
|
||||
<h1 class="text-gray-500 text-xl font-light">Essential Features:</h1>
|
||||
|
||||
<div class="w-full flex flex-col gap-1 text-secondosiblue">
|
||||
<p>Unlimited Websites</p>
|
||||
<p>Dedicated IP Address</p>
|
||||
<p>cPanel/WHM</p>
|
||||
<p>Imunify360 Security</p>
|
||||
<p>WordPress Toolkit</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="w-full flex flex-col gap-2">
|
||||
<h1 class="text-gray-500 text-xl font-light">Important Features:</h1>
|
||||
|
||||
<div class="w-full flex flex-col gap-1 text-secondosiblue">
|
||||
<p>DDos Protection</p>
|
||||
<p>Free SSL Certificate</p>
|
||||
<p>NVMe Storage</p>
|
||||
<p>Daily Backup</p>
|
||||
<p>SSH Root Access</p>
|
||||
<p>Free Website Transfer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div class="w-full px-5 py-3 text-white text-center font-semibold text-xl bg-osiblue rounded-t-md">
|
||||
<p>Best Value</p>
|
||||
</div>
|
||||
|
||||
<div class="w-full p-9 border border-gray-200 flex flex-col items-center gap-5 rounded-t-md">
|
||||
<p class="text-secondosiblue uppercase font-poppinsBold text-2xl text-center">DEDICATED 2</p>
|
||||
|
||||
<div class="w-full flex flex-col justify-center items-center">
|
||||
<p class="text-osiblue font-poppinsLight text-xl font-semibold">30%</p>
|
||||
<p class="text-osiblue font-poppinsLight text-xl font-semibold"> $127.16/month</p>
|
||||
<p class="text-gray-500">Regular Price: $184.95/month</p>
|
||||
</div>
|
||||
|
||||
<a href="">
|
||||
<button
|
||||
class="w-fit px-9 py-2 bg-secondosiblue border border-secondosiblue text-white uppercase hover:bg-white hover:text-secondosiblue duration-300">Get
|
||||
Started
|
||||
</button>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="w-full bg-osiblue text-white py-3 px-5 text-center flex justify-center items-center gap-2 border border-osiblue hover:bg-white hover:text-osiblue duration-300 openFeaturesDropdown">
|
||||
<p>View Features</p>
|
||||
<i class="fas fa-angle-down"></i>
|
||||
</div>
|
||||
|
||||
<div class="w-full flex flex-col gap-5 p-5 border border-gray-200 featuresContainer hidden">
|
||||
<div class="w-full flex flex-col gap-2 mt-5">
|
||||
<h1 class="text-gray-500 text-xl font-light">Server Resources:</h1>
|
||||
|
||||
<div class="w-full flex flex-col gap-1 text-secondosiblue">
|
||||
<p>4x AMD EPYC Cores</p>
|
||||
<p>8 GB RAM</p>
|
||||
<p>160 GB SSD Space</p>
|
||||
<p>5 TB Bandwidth</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="w-full flex flex-col gap-2">
|
||||
<h1 class="text-gray-500 text-xl font-light">Essential Features:</h1>
|
||||
|
||||
<div class="w-full flex flex-col gap-1 text-secondosiblue">
|
||||
<p>Unlimited Websites</p>
|
||||
<p>Dedicated IP Address</p>
|
||||
<p>cPanel/WHM</p>
|
||||
<p>Imunify360 Security</p>
|
||||
<p>WordPress Toolkit</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="w-full flex flex-col gap-2">
|
||||
<h1 class="text-gray-500 text-xl font-light">Important Features:</h1>
|
||||
|
||||
<div class="w-full flex flex-col gap-1 text-secondosiblue">
|
||||
<p>DDos Protection</p>
|
||||
<p>Free SSL Certificate</p>
|
||||
<p>NVMe Storage</p>
|
||||
<p>Daily Backup</p>
|
||||
<p>SSH Root Access</p>
|
||||
<p>Free Website Transfer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div class="w-full p-9 border border-gray-200 flex flex-col items-center gap-5 rounded-t-md">
|
||||
<p class="text-secondosiblue uppercase font-poppinsBold text-2xl text-center">DEDICATED 3</p>
|
||||
|
||||
<div class="w-full flex flex-col justify-center items-center">
|
||||
<p class="text-osiblue font-poppinsLight text-xl font-semibold">30%</p>
|
||||
<p class="text-osiblue font-poppinsLight text-xl font-semibold">$173.63/month</p>
|
||||
<p class="text-gray-500">Regular Price: $252.95/month</p>
|
||||
</div>
|
||||
|
||||
<a href="">
|
||||
<button
|
||||
class="w-fit px-9 py-2 bg-secondosiblue border border-secondosiblue text-white uppercase hover:bg-white hover:text-secondosiblue duration-300">Get
|
||||
Started
|
||||
</button>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="w-full bg-secondosiblue text-white py-3 px-5 text-center flex justify-center items-center gap-2 border border-secondosiblue hover:bg-white hover:text-secondosiblue duration-300 openFeaturesDropdown">
|
||||
<p>View Features</p>
|
||||
<i class="fas fa-angle-down"></i>
|
||||
</div>
|
||||
|
||||
<div class="w-full flex flex-col p-5 border border-gray-200 featuresContainer hidden">
|
||||
<div class="w-full flex flex-col gap-2 mt-5">
|
||||
<h1 class="text-gray-500 text-xl font-light">Server Resources:</h1>
|
||||
|
||||
<div class="w-full flex flex-col gap-1 text-secondosiblue">
|
||||
<p>8x AMD EPYC Cores</p>
|
||||
<p>16 GB ECC RAM</p>
|
||||
<p>320 GB SSD Space</p>
|
||||
<p>6 TB Bandwidth</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="w-full flex flex-col gap-2">
|
||||
<h1 class="text-gray-500 text-xl font-light">Essential Features:</h1>
|
||||
|
||||
<div class="w-full flex flex-col gap-1 text-secondosiblue">
|
||||
<p>Unlimited Websites</p>
|
||||
<p>Dedicated IP Address</p>
|
||||
<p>cPanel/WHM</p>
|
||||
<p>Imunify360 Security</p>
|
||||
<p>WordPress Toolkit</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="w-full flex flex-col gap-2">
|
||||
<h1 class="text-gray-500 text-xl font-light">Important Features:</h1>
|
||||
|
||||
<div class="w-full flex flex-col gap-1 text-secondosiblue">
|
||||
<p>DDos Protection</p>
|
||||
<p>Free SSL Certificate</p>
|
||||
<p>NVMe Storage</p>
|
||||
<p>Daily Backup</p>
|
||||
<p>SSH Root Access</p>
|
||||
<p>Free Website Transfer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div class="w-full p-9 border border-gray-200 flex flex-col items-center gap-5 rounded-t-md">
|
||||
<p class="text-secondosiblue uppercase font-poppinsBold text-2xl text-center">DEDICATED 4</p>
|
||||
|
||||
<div class="w-full flex flex-col justify-center items-center">
|
||||
<p class="text-osiblue font-poppinsLight text-base s:text-xl font-semibold">30%</p>
|
||||
<p class="text-osiblue font-poppinsLight text-base s:text-xl font-semibold">$265.76/month</p>
|
||||
<p class="text-gray-500">Regular Price: $374.95/month</p>
|
||||
</div>
|
||||
|
||||
<a href="">
|
||||
<button
|
||||
class="w-fit px-9 py-2 bg-secondosiblue border border-secondosiblue text-white uppercase hover:bg-white hover:text-secondosiblue duration-300">Get
|
||||
Started
|
||||
</button>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="w-full bg-secondosiblue text-white py-3 px-5 text-center flex justify-center items-center gap-2 border border-secondosiblue hover:bg-white hover:text-secondosiblue duration-300 openFeaturesDropdown">
|
||||
<p>View Features</p>
|
||||
<i class="fas fa-angle-down"></i>
|
||||
</div>
|
||||
|
||||
<div class="w-full flex flex-col p-5 border border-gray-200 featuresContainer hidden">
|
||||
<div class="w-full flex flex-col gap-2 mt-5">
|
||||
<h1 class="text-gray-500 text-xl font-light">Server Resources:</h1>
|
||||
|
||||
<div class="w-full flex flex-col gap-1 text-secondosiblue">
|
||||
<p>16x AMD EPYC Cores</p>
|
||||
<p>32 GB ECC RAM</p>
|
||||
<p>640 GB SSD Space</p>
|
||||
<p>7 TB Bandwidth</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="w-full flex flex-col gap-2">
|
||||
<h1 class="text-gray-500 text-xl font-light">Essential Features:</h1>
|
||||
|
||||
<div class="w-full flex flex-col gap-1 text-secondosiblue">
|
||||
<p>Unlimited Websites</p>
|
||||
<p>Dedicated IP Address</p>
|
||||
<p>cPanel/WHM</p>
|
||||
<p>Imunify360 Security</p>
|
||||
<p>WordPress Toolkit</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="w-full flex flex-col gap-2">
|
||||
<h1 class="text-gray-500 text-xl font-light">Important Features:</h1>
|
||||
|
||||
<div class="w-full flex flex-col gap-1 text-secondosiblue">
|
||||
<p>DDos Protection</p>
|
||||
<p>Free SSL Certificate</p>
|
||||
<p>Daily Backup</p>
|
||||
<p>SSH Root Access</p>
|
||||
<p>Free Website Transfer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!---------------------- JS SCRIPTS -------------------->
|
||||
<script type="text/javascript" src='{% static "js/customer_dashboard/pricing-dropdown.js" %}'></script>
|
||||
|
||||
|
||||
{% endblock %}
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -0,0 +1,59 @@
|
||||
{% load static %}
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Osina</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href='{% static "dist/output.css" %}'>
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
|
||||
</head>
|
||||
|
||||
|
||||
<body class="font-poppinsLight">
|
||||
|
||||
<p class="text-xl text-secondosiblue text-center mt-3"><span class="font-poppinsBold">10</span> Reactions</p>
|
||||
|
||||
<!-- ALL REACTIONS CONTAINER -->
|
||||
<div class="w-full flex flex-col gap-5 mt-5">
|
||||
|
||||
<!-- Reaction 1 -->
|
||||
<div class="w-full flex items-center gap-3">
|
||||
<div class="flex gap-1 items-center">
|
||||
<p class="text-xs text-secondosiblue">8</p>
|
||||
<p>😄</p>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col text-sm max-h-[50px] overflow-y-auto text-secondosiblue reactionDetails px-3">
|
||||
<p>Salim Elliye</p>
|
||||
<p>Nataly Abi Wajeh</p>
|
||||
<p>Diana Abi Wajeh</p>
|
||||
<p>Roy Hawa</p>
|
||||
<p>Salim Elliye</p>
|
||||
<p>Nataly Abi Wajeh</p>
|
||||
<p>Diana Abi Wajeh</p>
|
||||
<p>Roy Hawa</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Reaction 2 -->
|
||||
<div class="w-full flex items-center gap-3">
|
||||
<div class="flex gap-1 items-center">
|
||||
<p class="text-xs text-secondosiblue">2</p>
|
||||
<p>😍</p>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col text-sm max-h-[50px] overflow-y-auto text-secondosiblue reactionDetails px-3">
|
||||
<p>Salim Elliye</p>
|
||||
<p>Nataly Abi Wajeh</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 64 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 64 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.2 KiB |
Loading…
Reference in New Issue