Star Sterling

Star Sterling

1661986282

Star Sterling Property | Property Investment Company UK

Property investment company with experience & access to a wide range of UK developments. Contact Star Sterling & begin investing in the UK property market. 
https://thestarsterling.com/
#property #uk #company  #investment #investors 

What is GEEK

Buddha Community

Star Sterling Property | Property Investment Company UK

How to Create Emoji Star Rating Widget using only HTML & CSS

In this blog you’ll learn how to create Emoji Star Rating Widget using only HTML & CSS.

To create emoji star rating widget using only HTML & CSS. First, you need to create two files one HTML File and another one is CSS File.

1: First, create an HTML file with the name of index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Emoji Stars Rating | Codequs</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"/>
</head>
<body>
  <div class="wrapper">
    <input type="radio" name="rate" id="star-1">
    <input type="radio" name="rate" id="star-2">
    <input type="radio" name="rate" id="star-3">
    <input type="radio" name="rate" id="star-4">
    <input type="radio" name="rate" id="star-5">
    <div class="content">
      <div class="outer">
        <div class="emojis">
          <li class="slideImg"><img src="emojis/emoji-1.png" alt=""></li>
          <li><img src="emojis/emoji-2.png" alt=""></li>
          <li><img src="emojis/emoji-3.png" alt=""></li>
          <li><img src="emojis/emoji-4.png" alt=""></li>
          li><img src="emojis/emoji-5.png" alt=""></li>
        </div>
      </div>
      <div class="stars">
        <label for="star-1" class="star-1 fas fa-star"></label>
        <label for="star-2" class="star-2 fas fa-star"></label>
        <label for="star-3" class="star-3 fas fa-star"></label>
        <label for="star-4" class="star-4 fas fa-star"></label>
        <label for="star-5" class="star-5 fas fa-star"></label>
      </div>
    </div>
    <div class="footer">
      <span class="text"></span>
      <span class="numb"></span>
    </div>
  </div>
</body>
</html>

2: Second, create a CSS file with the name of style.css

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Poppins', sans-serif;
}
body{
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background: linear-gradient(#FED151, #DE981F);
}
.wrapper{
  background: #f6f6f6;
  max-width: 360px;
  width: 100%;
  border-radius: 10px;
  box-shadow: 0px 10px 15px rgba(0,0,0,0.1);
}
.wrapper .content{
  padding: 30px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.wrapper .outer{
  height: 135px;
  width: 135px;
  overflow: hidden;
}
.outer .emojis{
  height: 500%;
  display: flex;
  flex-direction: column;
}
.outer .emojis li{
  height: 20%;
  width: 100%;
  list-style: none;
  transition: all 0.3s ease;
}
.outer li img{
  height: 100%;
  width: 100%;
}
#star-2:checked ~ .content .emojis .slideImg{
  margin-top: -135px;
}
#star-3:checked ~ .content .emojis .slideImg{
  margin-top: -270px;
}
#star-4:checked ~ .content .emojis .slideImg{
  margin-top: -405px;
}
#star-5:checked ~ .content .emojis .slideImg{
  margin-top: -540px;
}
.wrapper .stars{
  margin-top: 30px;
}
.stars label{
  font-size: 30px;
  margin: 0 3px;
  color: #ccc;
}
#star-1:hover ~ .content .stars .star-1,
#star-1:checked ~ .content .stars .star-1,
#star-2:hover ~ .content .stars .star-1,
#star-2:hover ~ .content .stars .star-2,
#star-2:checked ~ .content .stars .star-1,
#star-2:checked ~ .content .stars .star-2,
#star-3:hover ~ .content .stars .star-1,
#star-3:hover ~ .content .stars .star-2,
#star-3:hover ~ .content .stars .star-3,
#star-3:checked ~ .content .stars .star-1,
#star-3:checked ~ .content .stars .star-2,
#star-3:checked ~ .content .stars .star-3,
#star-4:hover ~ .content .stars .star-1,
#star-4:hover ~ .content .stars .star-2,
#star-4:hover ~ .content .stars .star-3,
#star-4:hover ~ .content .stars .star-4,
#star-4:checked ~ .content .stars .star-1,
#star-4:checked ~ .content .stars .star-2,
#star-4:checked ~ .content .stars .star-3,
#star-4:checked ~ .content .stars .star-4,
#star-5:hover ~ .content .stars .star-1,
#star-5:hover ~ .content .stars .star-2,
#star-5:hover ~ .content .stars .star-3,
#star-5:hover ~ .content .stars .star-4,
#star-5:hover ~ .content .stars .star-5,
#star-5:checked ~ .content .stars .star-1,
#star-5:checked ~ .content .stars .star-2,
#star-5:checked ~ .content .stars .star-3,
#star-5:checked ~ .content .stars .star-4,
#star-5:checked ~ .content .stars .star-5{
  color: #fd4;
}
.wrapper .footer{
  border-top: 1px solid #ccc;
  background: #f2f2f2;
  width: 100%;
  height: 55px;
  padding: 0 20px;
  border-radius: 0 0 10px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer span{
  font-size: 17px;
  font-weight: 400;
}
.footer .text::before{
  content: "Rate your experience";
}
.footer .numb::before{
  content: "0 out of 5";
}
#star-1:checked ~ .footer .text::before{
  content: "I just hate it";
}
#star-1:checked ~ .footer .numb::before{
  content: "1 out of 5";
}
#star-2:checked ~ .footer .text::before{
  content: "I don't like it";
}
#star-2:checked ~ .footer .numb::before{
  content: "2 out of 5";
}
#star-3:checked ~ .footer .text::before{
  content: "This is awesome";
}
#star-3:checked ~ .footer .numb::before{
  content: "3 out of 5";
}
#star-4:checked ~ .footer .text::before{
  content: "I just like it";
}
#star-4:checked ~ .footer .numb::before{
  content: "4 out of 5";
}
#star-5:checked ~ .footer .text::before{
  content: "I just love it";
}
#star-5:checked ~ .footer .numb::before{
  content: "5 out of 5";
}
input[type="radio"]{
  display: none;
}

Now you’ve successfully created a Pure CSS Emoji Star Rating Widget.

Star Sterling

Star Sterling

1661986282

Star Sterling Property | Property Investment Company UK

Property investment company with experience & access to a wide range of UK developments. Contact Star Sterling & begin investing in the UK property market. 
https://thestarsterling.com/
#property #uk #company  #investment #investors 

Web Design & Development Company | Ecommerce Development Services UK

In today’s modern competitive world, it is imperative for businesses to ensure their online presence in order to promote their brand. Business organizations that involve in online interaction with customers require web applications to achieve all the benefits from customers conveniently buying or making transactions through the internet. For an effective and robust application for brand promotion and business growth, accessing the Web Development Services UK delivers will be the best. In today’s day and age, nobody knows about an organization if there is no proper website or web application.

Ways in which Web App Development is Helpful
Considering that a web application helps businesses to reach their target audience and customers quickly, there is no doubt about why web app development is so crucial. Here are certain ways in which web app development is immensely beneficial.

  1. Cross-Platform Capabilities:
    The web application enables users to access different operating systems, web browsers, and many more without compatibility issues. When you opt for a good Web Design Company in UK, the application becomes quite smooth to function and enhances the user experience across different platforms.

  2. Business Usability:
    For any business transactions, entrepreneurs must ensure that the customers have a comfortable browsing experience. Users can be using any device, and therefore a responsive web design is a must. To uplift the browsing experience of users, going for the Top Design UK Company will be the best for you.

  3. Branding and Publicity:
    Without a web application, businesses may not achieve the expected growth in the market as it helps in reaching their potential customers. Great communication makes the branding process effective. Better graphic designs also improve brand recognition and lead generation. For such effective web design, look for a Graphic Design Company UK provides.

  4. Gain Competitive edge:
    Having strong competition is common in all types of businesses. But through web apps that have a specific cause, you can gain an edge over your competitors.

How to Choose the Right System?
Web application mainly constitutes of web server, caching system, and database connection. However, the type of app you create impacts the technology you must select. For knowing which one will suit you the best, you should consider the following
• Complexity type of the web app.
• Size of the project.
• Security and protection from cyber-attacks.
• Scalability and bug testing.
• Cost and maintenance.
• Licenses.

While selecting a web development company, ensure that you pick the one that has a qualified team. If you are looking for the best Graphic Design UK Company to fulfil all your web development needs, AB Group On-Line can be the best choice for you!

#web design company in uk #web development services uk #digital marketing agency uk #digital marketing uk #seo services company uk #ecommerce seo services uk

ERP Software services in UK

ERP Software service in UK

It is understood that only an integrated services industry ERP software system can effectively provide you with the powerful 360-degree view of your customer’s activities, requests, and projects that you require to stay ahead of the global competition.

Why ERP Software service so important?

Enterprise resource planning (ERP) systems are used by organizations looking to manage their business functions within a centralized and integrated system. Moreover ERP brings together customer management, human resources, business intelligence, financial management, and inventory and supply chain capabilities into one quality system.

There are services organizations face challenges like these that morph into opportunities:

Helps to maintain great relationships while, bidding and closing on new projects
Growing customer demands for expanding service offerings
Rapidly ensuring repeat business and referrals by delivering on time and on budget
Offering competitive pricing while maintaining a good margin
Do we need an ERP system?

For many growing businesses, it’s not a matter of if they’ll require enterprise resource planning (ERP) software, but when. As organization grows, so does its amount of data generated—and data sources to track. So eventually managing all that information across multiple platforms becomes costly, time-consuming, and prone to mismanagement.

Present Modern systems are enabled through cloud technology

Modern business service ERP software provides automation and integration to improve productivity:

Tools that track all tasks, activities, and expenditures for every project or job
Consistent and up-to-date data
Automated activities like invoicing, receivables tracking, and customer communications.
Full 360-degree view of customers and projects for complete visibility and control
Quality insight into financial, resource utilization, and project management data
Key Portals for customers, subcontractors and suppliers to collaborate
Customers will applaud and reward your ability to uncover problems early, prevent delays, and keep costs in line while offering a more responsive service experience.
Final Thoughts

Everything is done professionally well in ERP Software service as you uncover many salient features which just show or enumerate how much care was put into the software during development. Global people are in love with the key features and it’s really beneficial with this software.

#erp software services in uk #erp software development company in uk #erp software development companies in uk #erp solutions uk #erp solutions in uk #erp for business uk

Top Mobile App Developers & Leading App Development Companies in UK

Profusely examined top Mobile App Development companies in the UK with ratings & reviews to help find the best Mobile App Development solution providers.
Searching for Mobile App Development in the UK for your next project? TopDevelopers.co will make this task easy with a researched list of Top Mobile App Development Companies in Greater London, Dorset, Edinburgh, Tyne and Wear, London, Surrey, Manchester, South Yorkshire, West Sussex, West Yorkshire, Swanscombe At TopDevelopers, our authentic research & review process brings in companies that hold specialties in Mobile App Development services so that the user can reach at the ideal service provider to get their job done with utmost precision.
Know More: List of Best Mobile App Development companies in the UK

#top mobile app development service providers in uk #best mobile app development companies in uk #mobile app development services uk #best uk-based mobile app developer #professional app developers in uk #uk-based expert app developers