Skip to main content

Wordpress Theme

 




Price Card Download


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>PriceList</title>
</head>
<style>
    .pricemainu{
        justify-content: center;
        display: flex;
        flex-direction: row;
        /* background: pink; */
        padding: 20px;
        gap: 20px;
    }
    .card{
       
        background: black;
        height: 450px;
        width: 300px;
        border-radius: 5px;
        padding: 5px;
        box-shadow: 2px 2px 10px 1px red;
    }
    .heading{
        border-radius: 2px;
        height: 100px;
        background: red;
        font-size: 40px !important;
        line-height: 70px;
       
        text-align: center;
    }
    .spacer{
        height: 40px;
        width: 100%;
        background-color: black;
    }
    .content{
        border-radius: 2px;
        height: 100px;
        width: 100%;
        /* background: green; */
        font-size: 100px !important;
        font-weight: 700;
        line-height: 70px;
        color: white;
        text-align: center;
    }
 
    button{
        font-size: 20px !important;
        margin: 0 25%;
        height: 40px;
        border-radius: 5px;
        width: 50%;
        background: red;

        color: white;
        border: none;
        cursor: pointer;
    }
    button:hover{
     
        color: black;
       
    }
   
    @media only screen and (max-width: 800px){
        .pricemainu{
            align-items: center;
            margin: auto;
        justify-content: center;
        display: flex;
        flex-direction: column;
        /* background: pink; */
        padding: 20px;
        gap: 0px;
    }
    .card{
       margin: 20px auto;
       background: black;
       height: 450px;
       width: 300px;
       border-radius: 5px;
       padding: 5px;
   }
    }
.plan{
 
    height: 30px;
    width: 100%;

}
p{
    font-size: 40px !important;
    text-align: center;
    color: white;
}

</style>
<body>
<div class="pricemainu">
    <div class="card">
       
       <div class="heading">Basic</div>
       <div class="spacer"></div>
       <div class="content">$200</div>
       <div class="plan"><p>1 Month Plan</p></div>
       <div class="spacer"></div>
     
        <button>Buy</button>
           
    </div>
    <div class="card">
       
        <div class="heading">Standard</div>
        <div class="spacer"></div>
        <div class="content">$500</div>
        <div class="plan"><p>6 Month Plan</p></div>
        <div class="spacer"></div>
     
         <button>Buy</button>
             
     </div>
     <div class="card">
       
        <div class="heading">Premium</div>
        <div class="spacer"></div>
        <div class="content">$1000</div>
        <div class="plan"><p>1 Year Plan</p></div>
        <div class="spacer"></div>
     
         <button>Buy</button>
             
     </div>
</div>
</body>
</html>





Labels:

Comments

Post a Comment

Popular posts from this blog

How to convert Url to Imege/File By Deluge for Creator || Using the Upload Api || How to upload Imege in zoho creator from crm

This code snippet appears to be part of a script or program that involves invoking URLs to handle file uploads. Let's break it down: 1 Invoke the URL to retrieve a file ( Logo ) : Logo is the url of Imege like Logo =" https://images.pexels.com/photos/674010/pexels-photo-674010.jpeg" response = invokeurl [ url :Logo type :GET ]; Here, the code is making a GET request to a URL stored in a variable named Logo . This request likely retrieves some file data. 2. Setting parameters : response.setParamName("file"); This line sets a parameter named "file" in the response obtained from the previous request. It prepares the response to be sent as a file in a subsequent request. Logo_imge = invokeurl [ url :"https://creator.zoho.com/api/v2.1/clientnamexxxxx/appnamexxxx/report/demo_report/" + CreatorID + "/Logo/upload" type :POST files:response connection:"creator" ]; 4. Logging info "Logo_imge==" + Logo_imge; This p
Post a Comment
Read more

How to Add Multiple Portal By Deluge ||How How to add Different Portal Permission Set

Creating a portal to assign users to specific profiles using Deluge scripting in Zoho Creator can streamline your application’s user management. In this context, the code snippet provided assigns a user to the "Customer" profile based on their email and enables their portal access. Here's a breakdown and explanation: ### Code Explanation: 1. **Assign User to Profile:**    ```deluge    portal = thisapp.portal.assignUserInProfile(input.Email, "Customer");    ```    This line assigns the user, identified by their email, to the "Customer" profile. The `assignUserInProfile` function is a method in the Deluge scripting language that allows developers to specify which profile a user belongs to within the application. 2. **Enable Portal Access:**    ```deluge    input.Portal_Status = "Enabled";    ```    This line updates the `Portal_Status` field to "Enabled," indicating that the user now has access to the portal. This status change is cru
Post a Comment
Read more

Happy New Year 2024

Post a Comment
Read more