Moozonian
Web Images Developer News Books Maps Shopping Moo-AI
Showing results for MIND PNG Product
GitHub Repo https://github.com/Vasantharam23/WebPage

Vasantharam23/WebPage

<!DOCTYPE html> <html lang="en"> <head> <title>pro</title> <link rel="stylesheet" href="https://png.pngtree.com/png-clipart/20200709/original/pngtree-watercolor-purple-flowers-png-image_857904.jpg"> <link href="https://fonts.googleapis.com/css2?family=Philosopher:ital@1&family=Tangerine:wght@700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Fredericka+the+Great&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Italianno&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Italianno&family=Rochester&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Zen+Loop&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Cinzel&family=Zen+Loop&display=swap" rel="stylesheet"> <style> * { box-sizing: border-box; } .grid { display: grid; grid-template-columns: auto auto auto auto auto; grid-row-gap: 3%; } .peak { background: rgb(76,50,50); background: linear-gradient(315deg, rgba(76,50,50,1) 0%, rgba(27,21,64,1) 42%); padding: 25px; position: absolute; width: 100%; color: rgba(228, 231, 209, 0.849); top: 0; left: 0; } body , html { height: 100%; margin: 0; padding: 0%; } body { background: rgb(13,12,20); background: radial-gradient(circle, rgba(13,12,20,1) 0%, rgba(0,0,0,1) 0%); background-size:cover; } .box { display:block; opacity: 0.8; height: 14%; width: 90%; margin-left: 5.5%; margin-top: 160px; color: rgba(247, 242, 242, 0.945); text-align: center; font-size: 25px; opacity: 1; border-radius: 10px; font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; z-index:-1; } .box1 { color: silver; margin-top: 1%; text-align: center; font-family: 'Italianno', cursive; text-align: center; font-size: 68px; } .circle { height: 35px; width: 35px; border: 1px solid black; opacity: .8; background-color: goldenrod; border-radius: 50%; position: absolute; top: 0; left: 10px; animation-name: slide; animation-iteration-count: infinite; animation-direction:alternate-reverse; animation-duration: 9s; } @keyframes slide { from { top: 0; left: 0; } to { left: 100% ; } } .item item2:hover { background-color: grey; } .end { padding: 20px; margin-top: 1%; display: block; background: rgb(76,50,50); background: linear-gradient(315deg, rgba(76,50,50,1) 0%, rgba(27,21,64,1) 42%); color: white; text-align: center; font-size: 20px; font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; } .first { font-size: 100px; float: left; font-family: 'Zen Loop', cursive; } .item4 { font-size: 20px; font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; margin-top: 30px; color: rgba(228, 231, 209, 0.849); text-decoration: none; } .item3 { font-size: 20px; /* background-color: rgb(5, 3, 15); */ color: rgba(228, 231, 209, 0.849); font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; margin-top: 30px; text-decoration: none; } .item5 { font-size: 20px; ;color: rgba(228, 231, 209, 0.849); font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; margin-top: 30px; text-decoration: none; } .item1 { font-size: 70px; font-family: 'Tangerine', cursive; text-align: center; color: goldenrod; } #search1 { margin-top: 2%; background-color: wheat; color: black; height: 50px; width: 600px; font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; text-align: center; font-size: 20px; } #search2 { height: 50px; background: rgb(135,48,86); background: linear-gradient(315deg, rgba(135,48,86,1) 0%, rgba(7,25,47,1) 100%); color: wheat; font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; } #img1 { margin-top: 1%; margin-left: 2%; border: 2px solid silver; } #img2 { margin-top: 0; margin-left: 100px; border: 2px solid silver; } #img3 { margin-top: 0; margin-left: 110px; border: 2px solid silver; } .line { margin-left: 20%; margin-right: 20%; margin-top: 3%; border-bottom: 1px solid goldenrod; } .service { color: silver; margin-top: 1%; text-align: center; font-family: 'Italianno', cursive; text-align: center; font-size: 68px; } .servicecontent1 { color: goldenrod; text-align: center; font-size: 38px; font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; } .serviceP { display:block; opacity: 0.8; height: 14%; width: 90%; margin-left: 5.5%; margin-top: 1%; color: rgba(247, 242, 242, 0.945); text-align: center; font-size: 25px; opacity: 1; border-radius: 10px; font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; z-index:-1; } .top { content: "\2191"; margin-left: 90%; margin-top: 5px; color: goldenrod; font-size: 40px; text-align: center; overflow: hidden; display: block; width: 50px; height: 50px; border: 2px solid white; border-radius: 50%; background: rgb(0,0,0); background: linear-gradient(315deg, rgba(0,0,0,1) 100%, rgba(135,48,86,1) 100%); } </style> </head> <body> <div class="peak"> <div class="grid"> <div class="circle"></div> <div class="item item1" id="top1" >De Grand Interiors..</div> <div class="item item2"> <form action="" method="GET"> <input id="search1" name="address" type="text" placeholder="What are you looking for?"> <button id="search2">Search</button> </form> </div> <a class="item item5" href="#aboutus">About Us</a> <a class="item item4" href="#service">Services</a> <a class="item item3" href="www.google.com">Log In/Sign In</a> </div> </div> <div class="box"> <span class="first">M</span> odern design grew out of the decorative arts, mostly from the Art Deco, in the early 20th century. One of the first to introduce this style was Frank Lloyd Wright, who hadn't become hugely popularized until completing the house called Fallingwater in the 1930s. Modern art reached its peak in the 1950s and '60s, which is why designers and decorators today may refer to modern design as being "mid-century." Modern art does not refer to the era or age of design and is not the same as contemporary design, a term used by interior designers for a shifting group of recent styles and trends. </div> <div class="line"></div> <div class="box1"> Chips of our works! </div> <div class="img"> <img id="img1" src="https://images.unsplash.com/photo-1623839627668-0b0a573d5ccf?ixid=MnwxMjA3fDB8MHx0b3BpYy1mZWVkfDE1fFJfRnluLUd3dGx3fHxlbnwwfHx8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=400&q=60" height="500px" width="500px"> <img src="https://images.unsplash.com/photo-1623921017613-9970959b91b7?ixid=MnwxMjA3fDB8MHx0b3BpYy1mZWVkfDEzfFJfRnluLUd3dGx3fHxlbnwwfHx8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=400&q=60" height="500px" width="500px" id="img2"> <img src="https://images.unsplash.com/photo-1597498178146-3e9378203bc9?ixid=MnwxMjA3fDB8MHx0b3BpYy1mZWVkfDEyMnxSX0Z5bi1Hd3Rsd3x8ZW58MHx8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=400&q=60" height="500px" width="500px" id="img3"> </div> <div class="line"></div> <div class="service" id="service">Our Services <div class="servicecontent1">Interior Fitout Project Management <p class="serviceP">Every project is expertly studied with minute details as to the budgets, time lines, specifications of material to be used and the design details expected by the design consultants, with an eye on the end result dcesried by the client.</p> </div> </div> <div class="servicecontent1"> Partitions <p class="serviceP">Utilise your office space more effectively. Divide your office floor space into modern, workable areas using partitions. Essential Fitouts are experts at designing and creating office partitions systems. Find out about the types of office partitions available and the advantages and uses of each Contact us to find out how office partitions can work for you.</p> </div> <div class="servicecontent1">Furnitures <p class="serviceP">Essential Fitouts can supply all of your office furniture requirements including office chairs, workstations, desks, reception counters to all your office storage needs. We have an extensive range of affordable office furniture available and can custamise our products to your needs. Opening soon our new showroom an add any service you want or edit the ones that are already listed.</p> </div> <div class="servicecontent1">Interior Design Refurbishments <p class="serviceP">Update your tired or out-dated office with a cutting edge office design that looks great and gets the most out of your staff. A modern office design can optimize your work space to provide a functional, interactive work environment. Contact us to find out how an office refurbishment can work for you.</p> </div> <div class="servicecontent1">Relocations <p class="serviceP">If your business is on the move, Essential team can take the time and stress out of your office relocation. As well as providing a full office fitout of the new premises, we’ll also co-ordinate the move of furniture, workstations and cabinetry before restoring the old area to its original condition.</p> </div> <div class="servicecontent1">Ceiling & Floors <p class="serviceP">Essential Fitouts provides a huge range of suspended ceilings and floor coverings to transform an empty shell into a comfortable and inviting work space.</p> </div> <div> <a class="top" href="#top1" > <span>↑</span></a> </div> <div class="line"></div> <div class="service" id="aboutus">About Us <p class="serviceP">Essential Fit outs UAE is one of Dubai’s leading interior design companies, providing cutting edge office and home redevelopment solutions for your home, retail or commercial property. We specialize in transforming office and home spaces into fully functioning aesthetic experiences. Essential Fit outs employs only the most qualified tradespeople and provides written guarantees for your peace of mind. Our team is made up of industry experts with a wealth of knowledge and experience, which means you can be confident your office/home fit out project will be completed efficiently and to the highest standards. We believe in putting ourselves in the client’s shoes and providing the kind of service “we” would expect to receive. The client, is what keeps us moving forward. </p> </div> <div> <a class="top" href="#top1" > <span>↑</span></a> </div> <div class="end"> Email us: contact@degrand.com <div>Toll: 1800 xxx 3419</div> <div>De Grand Interiors ©</div> </div> </body> </html>
GitHub Repo https://github.com/4fox123/LATEST-TRENDS-in-UI-UX---4Fox-Solutions

4fox123/LATEST-TRENDS-in-UI-UX---4Fox-Solutions

COVID has certainly changed the dynamics of the IT industry. As a businessman, one needs to cohere to the latest UI UX trends. UI/UX trends are altered based on the varying taste of the user. A user visits thousands of websites every day and as a businessman, everyone is trying to grab the attention of the visitor. Standing out from the competitors is hard to crack nowadays. The online platform that grabs the attention is the one that scores the game. A good design surely adds value and makes your customers visit you again. Though, the design is changing all the time. Each year, UI trends change, new features are introduced, and out-dated versions lose their way. So, you need to stay updated and keep your business up to date as well. In this article, we study the latest UI/UX trends that help you in your business growth. So let's dive into What is UI/UX? UI/UX is becoming a popular term and it’s also becoming better known in the industry. UX or User Experience essentially understands the customer their needs and designing an experience for the customer according to that which covers various aspects such as tech, such as understanding needs, what they see, what they experience with all their senses is what user experience is all about. A user experience with your site is known as User Experience. A UX/UI Designer is responsible for creating user-friendly interfaces and helps the clients to better understand the use of technological products UI or user interface is one part of the user experience, it’s one of the touch points the customer interfaces with, that is what they see and that’s what they touch now there is on touch devices or if it’s a computer then it’s something that you use online but that interface that communicated the brand or the service to the customer is the user interface and because that is a very important way or the very useful way to communicate with the customer, it plays a huge role in the communication of the service or the product to the customer. User Experience/ User Interface Design Trends Minimalism If we talk in terms of Design, then less is always more, a golden rule of website design. Limiting the number of colors, trying different proportions and compositions are good. It's because an average user sees many discount ads and gets constant notifications and the designer always try to simplify the way they present information. Simplified UX Avoid inserting extra steps which users found non-mandatory. Try to minimize the elements. Now the latest UX is Simplified registration and sign-in. Users don't want to remember extra passwords, so making use of their phone number as a password is a bit simplified. If you can omit unnecessary steps, do it. If you can omit some fields in the form, do it. Blurred, colorful background User Interface design helps to make the website more stylish, elegant, and eye-soothing. In earlier use, 2-3 colors in linear gradients were in trend but now it goes up to 10. In short, an overlay is trending now. However, you need to be careful while playing with the gradients. Neomorphism Neomorphism is gaining popularity because of its subtle yet original appearance that merges skeuomorphism with flat design. At present, the main purpose of products is to produce different user interface items utilizing geomorphic. Unique and absurd 2D illustrations 2D illustrations contribute to several aspects of design in production, including Environment design, Prop design, PreVis design, drawers, clean-up, rotations, and color design. Illustrations stay on top of user interface trends. It is getting fancier with time. The picture quality is in SVG format because like other formats such as PNG, GIF, and JPEG the picture quality is damaged when we increase the screen resolution and this is not the issue in SVG format. Because the vector format can be increased and decreased with no loss in quality. (VUI )Voice User Interface Users may use voice commands to engage with a UI or to talk. A voice-activated interface prevents consumers from using the interface. UX design teams compete with the latest upgrades and advances in this industry more than ever before. VUI is widely used in apps for translation. It hears in your language and translates into the language you want. ALEXA, SIRI is the best example of a voice user interface. With VUI you can easily communicate with people who do not know your language. Mobile-first approach Never ignore mobile accessibility as almost a 5.27billion people use a mobile phone and the chances of using social media platforms are 90%. So what if you ignore mobile visibility and more focus on the desktop appearance of your website? In this case, you lose a large amount of audience from your end. So always use the mobile approach in mind and create and design your website accordingly. Icons Icons are generally visually expressing objects, actions, and ideas. To communicate with the user we need different UI/UX. There are different picture representations of icons that are visually appealing. Conveying meaning in less space and creative ways is more powerful. Choose icons from the same family as they are the same size. It is also vital to understand that not all UX design trends are required for a product or website. The usefulness could only be complicated. We would rather keep up with the trends and only use them if they match the needs of your users and are likely to be working for your company. Synopsis: In 2021, design is something less complicated, more diverse, delightful, and satisfactory. Make sure you adhere to all these trends for reaching out to the million customers out there. Hope these trends are helpful for you to know where we stand in UI/UX nowadays. UI/UX design is to help users achieve their goals. Always ensure the design is relevant and valuable for consumers.