New changes.

main
nataly 10 months ago
parent 25128fcc53
commit 445369ef02

@ -0,0 +1,133 @@
{% extends "customer_main.html" %}
{%load static%}
{% block content %}
<div class="w-full px-5 s:px-9 flex flex-col gap-5">
<div class="w-full bg-white rounded-md h-fit shadow-md p-5 flex justify-center items-center text-center">
<p class="text-secondosiblue font-poppinsBold text-xl s:text-2xl">Ositcom Support is Availale 24h a Day on Whatsapp <a href="https://wa.me/96171918718" target="_blank" class="cursor-pointer hover:text-gray-400 duration-300">+961 71 918 718</a></p>
</div>
<div class="w-full bg-white rounded-md h-fit shadow-md p-5">
<div class="w-full grid grid-cols-1 md:grid-cols-2 gap-5">
<div class="w-full rounded-md shadow-md bg-secondosiblue p-5 s:p-9 flex flex-col gap-5">
<p class="text-2xl text-white">Open a Support Ticket</p>
<p class="text-white opacity-80 text-[17px leading-7]">Our award-winning service team has no tiers, no
bots, no hand-offs, just highly trained professionals who
answer your questions and solve your issue.</p>
<button
class="w-fit px-5 py-2 rounded-md border border-white text-white hover:bg-white hover:text-secondosiblue duration-300">
Create a Ticket
</button>
</div>
<div class="w-full rounded-md shadow-md bg-secondosiblue p-5 s:p-9 flex flex-col gap-5">
<p class="text-2xl text-white">Getting Started Guide</p>
<p class="text-white opacity-80 text-[17px leading-7]">Need help kicking off your project with Ositcom
Ltd? at Oitcom Blog we have prepared many articles about every service provided by us
</p>
<button
class="w-fit px-5 py-2 rounded-md border border-white text-white hover:bg-white hover:text-secondosiblue duration-300">
View Guide
</button>
</div>
</div>
</div>
<div class="w-full bg-white rounded-md h-fit shadow-md p-5">
<div class="w-full grid grid-cols-1 md:grid-cols-2 gap-5">
<div
class="w-full rounded-md shadow-md bg-gray-50 border border-hray-100 p-5 s:p-9 flex flex-col justify-between gap-5">
<p class="text-2xl text-secondosiblue">Call OSITCOM Support</p>
<p class="text-gray-500">Phone support is available day and night for existing customers, account
support, and general
inquiries.<br><br>
You could contact us via LiveChat or Whatsaap on +9619918718.<br><br>
You could contact Ositcom development department on +961918718 or via whatsaap on +961918719</p>
</div>
<div
class="w-full rounded-md shadow-md bg-gray-50 border border-hray-100 p-5 s:p-9 flex flex-col justify-between gap-5">
<p class="text-2xl text-secondosiblue">Contact OSITCOM Sales
</p>
<p class="text-gray-500">If you have a question about a large deployment or migration, we are here to
help. Request a meeting with one of our solutions consultants today.<br><br>
You could contact our sales department on +9619918718 during working hours or schedule a meeting via
Whatsapp on +96171918718.
</p>
<button
class="w-fit px-5 py-2 bg-secondosiblue rounded-md text-white border border-secondosiblue cursor-pointer hover:bg-transparent hover:text-secondosiblue duration-300">
Schedule A Meeting
</button>
</div>
<div
class="w-full rounded-md shadow-md bg-gray-50 border border-hray-100 p-5 s:p-9 flex flex-col justify-between gap-5">
<p class="text-2xl text-secondosiblue">Email Us
</p>
<p class="text-gray-500">Contact us if you need help recovering your account credentials or have a
general inquiry.<br><br>
For general inquiery: info@ositcom.net<br>
For sales: info@ositcom.net<br>
For ositcom admin: info@ositcom.net<br>
</p>
<button
class="w-fit px-5 py-2 bg-secondosiblue rounded-md text-white border border-secondosiblue cursor-pointer hover:bg-transparent hover:text-secondosiblue duration-300">
Send Email
</button>
</div>
<div
class="w-full rounded-md shadow-md bg-gray-50 border border-hray-100 p-5 s:p-9 flex flex-col justify-between gap-5">
<p class="text-2xl text-secondosiblue">Professional Services
</p>
<p class="text-gray-500">Professional, system administration assistance as a service.<br><br>
To ask for a Quotation contact us on +96171918718 or send an email to info@ositcom.com
</p>
<button
class="w-fit px-5 py-2 bg-secondosiblue rounded-md text-white border border-secondosiblue cursor-pointer hover:bg-transparent hover:text-secondosiblue duration-300">
Get A Quote
</button>
</div>
</div>
</div>
<div class="w-full bg-white rounded-md h-fit shadow-md p-5">
<div
class="w-full rounded-md shadow-md bg-gray-50 border border-hray-100 p-5 s:p-9">
<p class="text-secondosiblue text-2xl">Contact Us</p>
<form class="w-full grid grid-cols-1 md:grid-cols-2 gap-3 mt-5">
<input class="w-full border border-gray-300 px-5 py-3 outline-none rounded-md" placeholder="First Name">
<input class="w-full border border-gray-300 px-5 py-3 outline-none rounded-md" placeholder="Last Name">
<input class="w-full border border-gray-300 px-5 py-3 outline-none rounded-md" placeholder="Email">
<input class="w-full border border-gray-300 px-5 py-3 outline-none rounded-md" placeholder="Mobile Number">
<textarea name="" id="" class="w-full border border-gray-300 px-5 py-3 outline-none rounded-md resize-none col-span-1 md:col-span-2" placeholder="Your Message..." rows="8"></textarea>
<button class="w-full bg-secondosiblue border border-secondosiblue text-white rounded-md px-5 py-3 col-span-1 md:col-span-2 hover:text-secondosiblue hover:bg-transparent duration-300">
Submit
</button>
</form>
</div>
</div>
</div>
{% endblock %}

@ -333,12 +333,20 @@
</div>
<div class="w-full flex flex-col p-5 border border-gray-200 featuresContainer hidden">
<div class="flex justify-start items-center gap-2 py-1">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
stroke="currentColor" class="w-6 h-6 text-red-500">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" />
</svg>
<p class="font-light text-secondosiblue">One business</p>
</div>
<div class="flex justify-start items-center gap-2 py-1">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
stroke="currentColor" class="w-6 h-6 text-yellow-500">
<path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5" />
</svg>
<p class="font-light text-secondosiblue">One user</p>
<p class="font-light text-secondosiblue">One profile</p>
</div>
<div class="flex justify-start items-center gap-2 py-1">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
@ -427,19 +435,26 @@
</div>
<div class="w-full flex flex-col p-5 border border-gray-200 featuresContainer hidden">
<div class="flex justify-start items-center gap-2 py-1">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
stroke="currentColor" class="w-6 h-6 text-green-600">
<path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5" />
</svg>
<p class="font-light text-secondosiblue">One business</p>
</div>
<div class="flex justify-start items-center gap-2 py-1">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
stroke="currentColor" class="w-6 h-6 text-yellow-500">
<path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5" />
</svg>
<p class="font-light text-secondosiblue">One user</p>
<p class="font-light text-secondosiblue">10 profiles</p>
</div>
<div class="flex justify-start items-center gap-2 py-1">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
stroke="currentColor" class="w-6 h-6 text-yellow-500">
<path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5" />
</svg>
<p class="font-light text-secondosiblue">One digital business card</p>
<p class="font-light text-secondosiblue">10 digital business cards</p>
</div>
<div class="flex justify-start items-center gap-2 py-1">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
@ -524,14 +539,21 @@
stroke="currentColor" class="w-6 h-6 text-green-600">
<path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5" />
</svg>
<p class="font-light text-secondosiblue">Unlimited user</p>
<p class="font-light text-secondosiblue">One business</p>
</div>
<div class="flex justify-start items-center gap-2 py-1">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
stroke="currentColor" class="w-6 h-6 text-green-600">
<path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5" />
</svg>
<p class="font-light text-secondosiblue">Unlimited profiles</p>
</div>
<div class="flex justify-start items-center gap-2 py-1">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
stroke="currentColor" class="w-6 h-6 text-green-600">
<path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5" />
</svg>
<p class="font-light text-secondosiblue">Unlimited digital business card</p>
<p class="font-light text-secondosiblue">Unlimited digital business cards</p>
</div>
<div class="flex justify-start items-center gap-2 py-1">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"

@ -9,6 +9,8 @@ urlpatterns = [
path('redirect-osimenu/', views.redirect_osimenu, name='redirectosimenu'),
path('redirect-osicard/', views.redirect_osicard, name='redirectosicard'),
path('contact/', views.contact, name='contact'),
# LISTING
path('my-invoices/', views.customer_invoices, name='customerinvoices'),
path('products/', views.all_products, name='products'),

@ -30,6 +30,17 @@ def redirect_osicard(request):
return redirect(url)
@customer_login_required
def contact(request, *args, **kwargs):
context = {
}
return render(request, 'contact.html', context)
# LISTING
@customer_login_required
def customer_invoices(request, *args, **kwargs):
@ -365,3 +376,7 @@ def close_ticket_status_modal(request, *args, **kwargs):
}
return render(request, 'edit_templates/close-ticket-status-modal.html', context)

Binary file not shown.

@ -206,7 +206,7 @@
<div class="w-full grid grid-cols-1 s:grid-cols-2 gap-5 mt-5">
<div
class="flex flex-col gap-3 justify-center items-center bg-gray-50 border border-gray-100 shadow-md rounded-md px-5 py-10">
class="flex flex-col gap-3 justify-center items-center bg-gray-50 border border-gray-100 shadow-md rounded-md px-5 py-10 hover:bg-gray-100 duration-300">
<div
class="w-[70px] h-[70px] rounded-full bg-white border border-gray-100 flex justify-center items-center p-2">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
@ -223,7 +223,7 @@
</div>
<div
class="flex flex-col gap-3 justify-center items-center bg-gray-50 border border-gray-100 shadow-md rounded-md px-5 py-10">
class="flex flex-col gap-3 justify-center items-center bg-gray-50 border border-gray-100 shadow-md rounded-md px-5 py-10 hover:bg-gray-100 duration-300">
<div
class="w-[70px] h-[70px] rounded-full bg-white border border-gray-100 flex justify-center items-center p-2">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
@ -241,7 +241,7 @@
<div
class="flex flex-col gap-3 justify-center items-center bg-gray-50 border border-gray-100 shadow-md rounded-md px-5 py-10">
class="flex flex-col gap-3 justify-center items-center bg-gray-50 border border-gray-100 shadow-md rounded-md px-5 py-10 hover:bg-gray-100 duration-300">
<div
class="w-[70px] h-[70px] rounded-full bg-white border border-gray-100 flex justify-center items-center p-2">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
@ -256,8 +256,9 @@
<p class="text-gray-500 font-light text-center">Get Updates on Ositcom incidents and maintenance.</p>
</div>
<a href="{% url 'contact' %}">
<div
class="flex flex-col gap-3 justify-center items-center bg-gray-50 border border-gray-100 shadow-md rounded-md px-5 py-10">
class="flex flex-col gap-3 justify-center items-center bg-gray-50 border border-gray-100 shadow-md rounded-md px-5 py-10 hover:bg-gray-100 duration-300">
<div
class="w-[70px] h-[70px] rounded-full bg-white border border-gray-100 flex justify-center items-center p-2">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
@ -272,6 +273,7 @@
<p class="text-gray-500 font-light text-center">View or open Ositcom Support tickets.</p>
</div>
</a>
</div>
</div>
</div>

@ -150,12 +150,14 @@
<p>Knowledgebase</p>
</div>
<a href="{% url 'contact' %}" class="w-full">
<div class="w-full flex justify-start items-center gap-3 border-b border-slate-600 py-3 text-white">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-[25px] text-white">
<path stroke-linecap="round" stroke-linejoin="round" d="M20.25 8.511c.884.284 1.5 1.128 1.5 2.097v4.286c0 1.136-.847 2.1-1.98 2.193-.34.027-.68.052-1.02.072v3.091l-3-3c-1.354 0-2.694-.055-4.02-.163a2.115 2.115 0 0 1-.825-.242m9.345-8.334a2.126 2.126 0 0 0-.476-.095 48.64 48.64 0 0 0-8.048 0c-1.131.094-1.976 1.057-1.976 2.192v4.286c0 .837.46 1.58 1.155 1.951m9.345-8.334V6.637c0-1.621-1.152-3.026-2.76-3.235A48.455 48.455 0 0 0 11.25 3c-2.115 0-4.198.137-6.24.402-1.608.209-2.76 1.614-2.76 3.235v6.226c0 1.621 1.152 3.026 2.76 3.235.577.075 1.157.14 1.74.194V21l4.155-4.155" />
</svg>
<p>Contact Us</p>
</div>
</a>
</div>
</div>
@ -344,16 +346,14 @@
</div>
</div>
<div class="w-full">
<div class="w-full flex justify-between items-center border-b border-slate-600 py-3">
<div class="w-full flex justify-start items-center gap-3">
<a href="{% url 'contact' %}" class="w-full">
<div class="w-full flex justify-start items-center gap-3 border-b border-slate-600 py-3 text-white">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-[25px] text-white">
<path stroke-linecap="round" stroke-linejoin="round" d="M20.25 8.511c.884.284 1.5 1.128 1.5 2.097v4.286c0 1.136-.847 2.1-1.98 2.193-.34.027-.68.052-1.02.072v3.091l-3-3c-1.354 0-2.694-.055-4.02-.163a2.115 2.115 0 0 1-.825-.242m9.345-8.334a2.126 2.126 0 0 0-.476-.095 48.64 48.64 0 0 0-8.048 0c-1.131.094-1.976 1.057-1.976 2.192v4.286c0 .837.46 1.58 1.155 1.951m9.345-8.334V6.637c0-1.621-1.152-3.026-2.76-3.235A48.455 48.455 0 0 0 11.25 3c-2.115 0-4.198.137-6.24.402-1.608.209-2.76 1.614-2.76 3.235v6.226c0 1.621 1.152 3.026 2.76 3.235.577.075 1.157.14 1.74.194V21l4.155-4.155" />
</svg>
<p class="text-white">Contact Us</p>
</div>
</div>
<p>Contact Us</p>
</div>
</a>
</div>
</div>
</div>

@ -3962,6 +3962,10 @@ video {
}
@media (min-width: 798px) {
.md\:col-span-2 {
grid-column: span 2 / span 2;
}
.md\:mb-0 {
margin-bottom: 0px;
}
@ -4071,6 +4075,11 @@ video {
.l\:border-l {
border-left-width: 1px;
}
.l\:text-3xl {
font-size: 1.875rem;
line-height: 2.25rem;
}
}
@media (min-width: 1110px) {

Loading…
Cancel
Save