Amazing Neumorphism UI Design Using HTML & CSS.

December 9, 2020

Hello Friends, Today in this post, we’ll learn How To Create an Amazing Neumorphism UI Design Using HTML & CSS. Recently I have shared a post, Responsive Our Service Section Design With Bootstrap. but our today’s topic is Amazing Neumorphism UI Design Using HTML & CSS.

Today I will show you how to create a Neumorphism UI design. Basically, Neumorphism UI designs pretend to extrude from the background. It’s a raised shape made from the exact same material as the background. It has light and dark shadow combinations to visualize differences from the background. And this is the new trend in web or UI design, it looks pretty and very attractive.

So, I am sharing Neumorphism UI Design. The Neumorphism design is based on pure CSS. There I have not used any library for styling or functioning, like any JS library or CSS library. You can use this program on your website or web app because it looks good.

Neumorphism (aka neomorphic) is a relatively new design trend and a term that’s gotten a good amount of buzz lately. It’s aesthetic is marked by minimal and real-looking UI that’s sort of a new take on skeuomorphism — hence the name.

It got its name in a UX Collective post from December 2019, and since then, various design and development communities have been actively discussing the trend, usually with differing opinions.

Play Video

Let’s dip our toes into the neomorphic pool, showcasing the various Neumorphism effects that can be created using our language of choice, CSS. We’ll take a look at both the arguments for and against the style and weigh how it can be used in a web interface.

Neumorphism UI elements look like they’re connected to the background as if the elements are extruded from the background or inset into the background. They’ve been described by some as “soft UI” because of the way soft shadows are used to create the effect. Another way to understand Neumorphism UI is to compare it to Material Design.

Creating a neomorphic interface with CSS is seemingly as easy as applying a regular box-shadow property on any element, but it’s more nuanced than that. The distinctiveness of a neomorphism UI comes from using multiple box-shadow and background-color values to achieve different types of effects and variations.

Now using CSS I have placed all the items in the right place, as you can see in the preview. There I have used background color and box-shadow combination to creating the Neumorphism design. There CSS box-shadow: command is mostly used for creating the UI. This program is not fully responsive, but I have decreased the sizes of some elements to open is a small screen.

For any doubts and queries, feel free to leave comments below. Remember to subscribe to our channel. Do share the tutorial if you think it’s worth it.

HTML

<!DOCTYPE html>
<html>
<head>
    <title>Neumorphism UI Design HTML CSS | Neumorphism Effect CSS | Neumorphism CSS</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" integrity="sha512-+4zCK9k+qNFUR5X+cKL9EIR+ZOhtIloNl9GIKS57V1MyNsYpYcUrUeQc9vNfzsWfV28IaLL3i96P9sdNyeRssA==" crossorigin="anonymous" />
    <link rel="stylesheet" href="style.css">
</head>
<body>
  <div class="grid"> 
    <div class="logo">
      <div class="btn--square morph">AI</div>
    </div>
  
    <div class="btn-off">
      <button class="btn morph">Button</button>
    </div>
  
    <div class="btn-act">
      <button class="btn morph active">Pressed</button>
    </div>
  
    <div class="btn-drop">
      <button class="btn morph">dropdown
        <i class="fas fa-chevron-down"></i>
      </button>
    </div>
  
    <div class="btn-user">
      <button class="btn morph">
        <i class="fas fa-user-plus"></i>
        Add user</button>
    </div>
  
    <div class="btn-i-1">
      <button class="btn--icon morph">
        <i class="fas fa-arrow-left"></i>
      </button>
    </div>
  
    <div class="btn-i-2">
      <button class="btn--icon morph">
        <i class="fas fa-arrow-right"></i>
      </button>
    </div>
  
    <div class="btn-r-1">
      <div class="btn--icon btn--icon--rounded morph">
        <i class="far fa-circle"></i>
      </div>
    </div>
  
    <div class="btn-r-2">
      <div class="btn--icon btn--icon--rounded morph active">
        <i class="far fa-dot-circle"></i>
      </div>
    </div>
  
    <div class="switch-o">
      <input type="checkbox" class="ios-checkbox" id="switch-a" />
      <label for="switch-a"></label>
    </div>
  
    <div class="switch-a">
      <input type="checkbox" class="ios-checkbox" id="switch-o" />
      <label for="switch-o"></label>
    </div>
  
    <div class="btn-sm-1">
      <div class="btn btn--sm morph">Share
        <i class="fas fa-share-alt"></i>
      </div>
    </div>
  
    <div class="btn-sm-2">
      <div class="btn btn--sm morph">
        <i class="fas fa-map-marker-alt"></i>
        Label</div>
    </div>
  
    <div class="search">
      <div class="btn morph active">
        search for ...
        <i class="fas fa-search"></i>
      </div>
    </div>
  
    <div class="chart">
      <ul class="chart--grid">
        <li class="chart--item chart--item--1 morph active">
          <div class="chart--item--inner"></div>
        </li>
        <li class="chart--item chart--item--2 morph active">
          <div class="chart--item--inner"></div>
        </li>
        <li class="chart--item chart--item--3 morph active">
          <div class="chart--item--inner"></div>
        </li>
        <li class="chart--item chart--item--4 morph active">
          <div class="chart--item--inner"></div>
        </li>
        <li class="chart--item chart--item--5 morph active">
          <div class="chart--item--inner"></div>
        </li>
      </ul>
    </div>  
  </div>
</body>
</html>

CSS

html {
  font-size: 62.5%;
}

body {
  background: #ebecf0;
  font-family: "montserrat", sans-serif;
  position: relative;
  padding: 6rem;
  min-height: 100vh;
  font-size: 14px;
  font-weight:500; 
}
 
i {
  font-size: 1.4rem;
}

.grid {
  margin: 0 auto;
  margin-top: 2rem;
  max-width: 300px;
  min-width: 250px;
  display: grid;
  grid-gap: 2rem;
  grid-template-rows: repeat(13, 1fr);
  grid-template-columns: repeat(4, 1fr);
  grid-template-areas: "log log bti1 bti2" "log log btr1 btr2" "bs1 bs1 swio swio" "bs2 bs2 swia swia" "bt1 bt1 bt1 bt1" "bt2 bt2 bt2 bt2" "bt3 bt3 bt3 bt3" "bt4 bt4 bt4 bt4" "sea sea sea sea" "char char char char" "char char char char" "char char char char";
}
@media only screen and (min-width: 600px) {
  .grid {
    grid-gap: 2.5rem;
    max-width: 650px;
    min-width: 500px;
    grid-template-rows: repeat(6, 1fr);
    grid-template-columns: repeat(8, minmax(min-content, 1fr));
    grid-template-areas: "log log bt1 bt1 bt1 bti1 bti2 swio" "log log bt2 bt2 bt2 btr1 btr2 swia" "bs1 bs1 bt3 bt3 bt3 char char char" "bs2 bs2 bt4 bt4 bt4 char char char" "sea sea sea sea sea char char char";
}
.grid > * {
  display: flex;
  justify-content: center;
  min-width: 4rem;
  min-height: 4rem;
}
.grid > * > * {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-around;
}
.grid .logo {
  grid-area: log;
  justify-content: left;
}
.grid .btn-off {
  grid-area: bt1;
}
.grid .btn-act {
  grid-area: bt2;
}
.grid .btn-i-1 {
  grid-area: bti1;
  justify-content: right;
}
.grid .btn-i-2 {
  grid-area: bti2;
  justify-content: left;
}
.grid .btn-r-1 {
  grid-area: btr1;
  justify-content: right;
}
.grid .btn-r-2 {
  grid-area: btr2;
  justify-content: left;
}
.grid .switch-o {
  grid-area: swio;
}
.grid .switch-o > * {
  justify-content: center;
  align-items: center;
}
.grid .switch-a {
  grid-area: swia;
  justify-content: center;
  align-items: center;
}
.grid .btn-sm-1 {
  grid-area: bs1;
  justify-content: left;
}
.grid .btn-sm-2 {
  grid-area: bs2;
  justify-content: left;
}
.grid .btn-drop {
  grid-area: bt3;
}
.grid .btn-user {
  grid-area: bt4;
}
.grid .search {
  grid-area: sea;
}
.grid .search > * {
  justify-content: space-between;
}
.grid .chart {
  grid-area: char;
}
.grid .chart > * {
  align-content: flex-end;
}

.morph {
  border: 2px solid transparent;
  background: linear-gradient(160deg, #f0f1f4 0%, #e4e6eb 100%);
  box-shadow: -3px -3px 6px 2px #ffffff, 5px 5px 8px 0px rgba(0, 0, 0, 0.17), 1px 2px 2px 0px rgba(0, 0, 0, 0.1);
  transition: 0.1s;
}
.morph.active, 
.morph:focus {
  border: 2px solid #fafafa;
  outline:none;
  box-shadow: inset -3px -3px 5px 0px #ffffff, -1px -1px 4px 0px #ffffff, inset 5px 5px 10px 0px rgba(0, 0, 0, 0.12), inset 2px 2px 3px 0px rgba(0, 0, 0, 0.07), 1px 2px 3px 0px rgba(0, 0, 0, 0.1);
}
.btn {
  padding: 1.5rem;
  border-radius: 5rem;
  text-align: center;
}
.btn--square {
  width: 11.4rem;
  height: 11.4rem;
  min-width: 11.4rem;
  border-radius: 2rem;
  font-size: 5rem;
  -webkit-background-clip: text;
  color: transparent;
  background-image: linear-gradient(90deg, #22ff82, #21bdff, #5433ff);
}
.btn--sm {
  max-width: 8.4rem;
  min-width: 8.4rem;
}
.btn--icon {
  width: 4rem;
  height: 4rem;
  max-width: 4rem;
  max-height: 4rem;
  border-radius: 1.2rem;
}
.btn--icon--rounded {
  border-radius: 100%;
}

.chart--grid {
  list-style: none;
  padding: 0;
  margin: 0;
  height: 100%;
}
.chart--item {
  width: 10%;
  height: 100%;
  border: 1px solid #fff;
  border-radius: 2rem;
  padding-top: 15%;
  box-sizing: border-box;
  overflow: hidden;
  z-index: 1;
  align-self: flex-end;
}
.chart--item--inner {
  background-image: linear-gradient(120deg, #22ff82, #21bdff, #5433ff);
  border-radius: 2rem;
  height: 100%;
  opacity: 0.8;
}
.chart--item--1 {
  height: 70%;
}
.chart--item--2 {
  height: 85%;
}
.chart--item--3 {
  height: 55%;
}
.chart--item--4 {
  height: 100%;
}
.chart--item--5 {
  height: 70%;
}

input[type="checkbox"].ios-checkbox {
  display: none;
}
input[type="checkbox"].ios-checkbox + label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 60px;
  height: 30px;
}
input[type="checkbox"].ios-checkbox + label:before, 
input[type="checkbox"].ios-checkbox + label:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  border-radius: 60px;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
input[type="checkbox"].ios-checkbox + label:before {
  background-color: #eeeeee;
  width: 60px;
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4);
}
input[type="checkbox"].ios-checkbox + label:after {
  width: 30px;
  background-color: #ebecf0;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}
input[type="checkbox"].ios-checkbox:checked + label:before {
  background: linear-gradient(120deg, #22ff82, #21bdff, #5433ff);
}
input[type="checkbox"].ios-checkbox:checked + label:after {
  left: 30px;
}

78 thoughts on “Amazing Neumorphism UI Design Using HTML & CSS.”

filmi full izle says:

January 18, 2021 at 2:51 am

Your way of telling all in this piece of writing is truly nice, all be able to simply understand it, Thanks a lot. Sonia Ravi Vernor

Reply
hd film izle says:

January 18, 2021 at 6:48 am

Very good article! We will be linking to this great post on our website. Keep up the great writing. Gabrielle Ricard Cupo

Reply
film izle says:

January 19, 2021 at 12:43 am

If you would like to get much from this article then you have to apply these strategies to your won blog. Nadya Tracey Scottie

Reply
porno says:

January 22, 2021 at 1:39 am

Hi, always i used to check website posts here in the early hours in the morning, since i love to learn more and more. Ninette Harlan Ellene

Reply
Noemi says:

January 29, 2021 at 10:28 am

I know this web page provides quality based content and additional material,
is there any other web page which provides such things in quality?

Reply
May says:

January 29, 2021 at 9:15 pm

It’s actually a great and helpful piece of info. I am
happy that you just shared this helpful information with us.
Please keep us informed like this. Thanks for sharing.

Reply
720p says:

January 30, 2021 at 2:45 am

Very good article! We are linking to this great post on our website. Keep up the good writing. Tally Joshuah Rayle

Reply
Thomas says:

January 30, 2021 at 2:29 pm

This paragraph will assist the internet people for creating new
blog or even a weblog from start to end.

Reply
filmkovasi says:

February 1, 2021 at 12:40 am

Like!! I blog quite often and I genuinely thank you for your information. The article has truly peaked my interest. Franny Bond Dyanna

Reply
movie download says:

February 4, 2021 at 6:36 pm

Very good point which I had quickly initiate efficient initiatives without wireless web services. Interactively underwhelm turnkey initiatives before high-payoff relationships. Holisticly restore superior interfaces before flexible technology. Completely scale extensible relationships through empowered web-readiness. Gerri Dwayne Kalina

Reply
diziler says:

February 8, 2021 at 12:40 am

Having read this I believed it was really informative. I appreciate you taking the time and energy to put this informative article together. I once again find myself spending a lot of time both reading and posting comments. But so what, it was still worth it! Noellyn Elihu Rutherford

Reply
anime says:

February 8, 2021 at 2:06 am

What a great job BuildWall does! Except their excellent services they take active social position and help children! I appreciate such lifestyle and attitide to work. I hope they will organize more and more charity events and support our youth. Kirby Ximenes Suzi

Reply
anime says:

February 8, 2021 at 9:36 am

How incredible! Some us know all relating to the compelling medium you present powerful steps on this blog and therefore strongly encourage contribution from other ones on this subject while our own child is truly discovering a great deal. Have fun with the remaining portion of the year. Bernadina Reece Aenea

Reply
bluray says:

February 8, 2021 at 12:04 pm

Thanks for another informative website. Where else could I get that type of information written in such an ideal way? I have a project that I am just now working on, and I have been on the look out for such information. Druci Paulie Thomas

Reply
online says:

February 8, 2021 at 4:22 pm

Superb, what a weblog it is! This blog gives valuable facts to us, keep it up. Alyss Burgess Flower

Reply
aksiyon says:

February 10, 2021 at 3:50 pm

Way cool! Some very valid points! I appreciate you writing this article and also the rest of the site is also very good. Tallou Marion Londoner

Reply
turkce says:

February 13, 2021 at 7:30 pm

Everything is very open with a really clear clarification of the challenges. It was truly informative. Your site is extremely helpful. Thanks for sharing! Alissa Murdock Trotter

Reply
turkce says:

February 13, 2021 at 11:34 pm

I like it whenever people get together and share thoughts. Drucy Fletcher Sulamith

Reply
turkce says:

February 14, 2021 at 2:37 am

Good post. I am dealing with many of these issues as well.. Dotti Isidor Bebe

Reply
turkce says:

February 14, 2021 at 4:16 am

You have made some good points there. I looked on the web for more info about the issue and found most people will go along with your views on this site. Claudina Tedman Callan

Reply
turkce says:

February 14, 2021 at 5:28 am

You actually make it seem so easy together with your presentation but I in finding this topic to be actually something which I believe I might never understand. It kind of feels too complicated and very wide for me. I am looking forward on your subsequent post, I will try to get the dangle of it! Ofilia Morgen Langill

Reply
turkce says:

February 14, 2021 at 11:22 am

I gotta favorite this web site it seems invaluable handy Kacey Trev Abbye

Reply
turkce says:

February 14, 2021 at 3:01 pm

You have brought up a very wonderful points, appreciate it for the post. Sarette Bartolomeo Beaver

Reply
turkce says:

February 14, 2021 at 6:49 pm

There is still a bunch of it in Michaels. I was not at home so I checked a number of stores in my area and where I was staying. Zorine Gregor Deragon

Reply
turkce says:

February 14, 2021 at 8:31 pm

Enjoyed every bit of your article post. Really thank you! Awesome. Sara-Ann Marten Pepper

Reply
turkce says:

February 14, 2021 at 9:54 pm

You completed a number of good points there. I did a search on the topic and found most people will agree with your blog. Nettie Trev Lattonia

Reply
turkce says:

February 14, 2021 at 11:28 pm

I think the admin of this site is in fact working hard in support of his site, because here every stuff is quality based material. Hilary Shell Arquit

Reply
turkce says:

February 15, 2021 at 1:03 am

You have remarked very interesting points! ps decent site. Janeczka Danny Hedelman Estelle Courtnay Heigl

Reply
turkce says:

February 15, 2021 at 12:03 pm

Thank you. I am not sure, what did you put in the search section to get here? Appolonia Grenville Doak

Reply
turkce says:

February 15, 2021 at 2:23 pm

It really is appropriate occasion to get some options for the long-term. I have browsed this blog entry and if I may possibly, I want to suggest you few worthwhile pointers. Lorilee Boone Redman

Reply
turkce says:

February 15, 2021 at 3:38 pm

Hi to all, the contents existing at this web site are actually amazing for people experience, well, keep up the nice work fellows. Katherine Oliviero Rosecan

Reply
turkce says:

February 15, 2021 at 5:03 pm

obviously like your website however you have to test the spelling on quite a few of your posts. A number of them are rife with spelling issues and I find it very troublesome to tell the reality then again I will definitely come back again. Sigrid Herbie Litton

Reply
turkce says:

February 15, 2021 at 6:44 pm

This is my first time go to see at here and i am really impressed to read everthing at single place. Bernadina Doy Ploch

Reply
turkce says:

February 15, 2021 at 8:17 pm

Hi there, for all time i used to check blog posts here in the early hours in the break of day, as i love to learn more and more. Stephannie Kristofor Batha

Reply
turkce says:

February 15, 2021 at 10:11 pm

After looking over a number of the blog articles on your website, I honestly appreciate your way of writing a blog. I bookmarked it to my bookmark webpage list and will be checking back in the near future.

Reply
turkce says:

February 15, 2021 at 11:35 pm

Great post! We will be linking to this particularly great article on our site. Keep up the good writing. Harli Rob Pollak Peggy Immanuel Hart

Reply
erotik says:

February 17, 2021 at 1:23 am

you have an excellent blog here

Reply
샌즈카지노 says:

February 17, 2021 at 3:14 pm

If you do not ask, you are not going to get what you want. Corrinne Wakefield Akili

Reply
Lamont says:

March 4, 2021 at 3:20 pm

Hi there, I enjoy reading through your article. I like to write a
little comment to support you.

Reply
Loren says:

March 5, 2021 at 8:36 am

Admiring the dedication you put into your website and the in-depth information you provide.
It’s nice to come across a blog every once in a while that isn’t the same out-of-date rehashed information. Great read! I’ve bookmarked your site and I’m adding your RSS feeds to my Google account.

Reply
zortilo nrel says:

April 8, 2021 at 1:36 am

Howdy! I’m at work browsing your blog from my new iphone! Just wanted to say I love reading your blog and look forward to all your posts! Carry on the superb work!

Reply
Dacia says:

April 8, 2021 at 9:24 am

Hello there! This post could not be written much better!
Going through this article reminds me of my previous roommate!
He continually kept preaching about this. I most certainly will send this post to him.
Pretty sure he’ll have a great read. Many thanks for sharing

Reply
Rosetta says:

April 8, 2021 at 10:05 pm

Wow, fantastic blog layout! How long have you been blogging for?
you make blogging look easy. The overall look of your site is magnificent,

Reply
Essie says:

April 8, 2021 at 11:43 pm

I was excited to find this website. I wanted to thank you for your time for this particularly fantastic read!!
I definitely enjoyed every little bit of it and i also have you book

Reply
Huey says:

April 9, 2021 at 11:25 am

Superb, what a blog it is! This weblog presents helpful information to us,
keep it up.

Reply
Jill says:

April 19, 2021 at 2:47 am

Thanks, I have recently been looking for information about this topic for a long time and yours is the best I’ve discovered till now.
However, what about the bottom line? Are you certain about
the supply?

Reply
Silke says:

May 23, 2021 at 4:06 am

Why You Should Soulmate Sketch Reviews I’m truly enjoying the design and layout of your site. It’s a very easy on the eyes which makes it much more enjoyable for me to come here and visit more

Reply
Liza says:

October 3, 2021 at 1:17 am

terrific as well as a fantastic blog. I truly wish to thank you, for offering us far better info

Reply
Miles Motorcycle Oil says:

October 20, 2021 at 4:48 am

Greetings from Florida! I’m bored to death at work so I decided to check out your blog on my iphone during lunch break. I love the info you provide here and can’t wait to take a look when I get home. I’m surprised at how quick your blog loaded on my phone .. I’m not even using WIFI, just 3G .. Anyhow, amazing blog!|

Reply
Norbert Motorcycle says:

October 21, 2021 at 4:21 am

You are wonderful! Thanks!

Reply
Virgilio- Laminator says:

October 23, 2021 at 6:49 am

Right here is the perfect webpage for anyone who wishes to understand this topic. You realize a whole lot its almost hard to argue with you (not that I personally will need toÖHaHa). You certainly put a new spin on a topic that’s been discussed for ages. Excellent stuff, just great!

Reply
zoritoler imol says:

January 15, 2023 at 3:00 pm

excellent points altogether, you just gained a new reader. What would you recommend in regards to your post that you made some days ago? Any positive?

Reply
Marangoz says:

April 1, 2023 at 5:28 pm

nice content thanks

Reply
Gömme Rezervuar Tamircisi says:

April 16, 2023 at 4:51 pm

quality and beautiful content

Reply
güvenilir takipçi satın alma says:

April 19, 2023 at 1:06 am

thanks a lot

Reply
Urfada Psikolog says:

April 22, 2023 at 1:29 am

I love following your content. Keep it up!

Reply
Baza Tamiri says:

April 24, 2023 at 5:06 pm

nice content thanks

Reply
Marangoz says:

May 17, 2023 at 8:45 pm

nice content thanks

Reply
Efsaneler Ligi says:

May 27, 2023 at 7:34 pm

Nice post admin, keep it!

Reply
Efsaneler Ligi says:

May 28, 2023 at 6:00 am

Really good, thx.

Reply
Efsaneler Ligi says:

May 31, 2023 at 1:43 am

Thank you admin!

Reply
Efsaneler Ligi says:

May 31, 2023 at 6:23 am

Wouw, amazing!

Reply
antalya özel seo dersi says:

May 31, 2023 at 8:38 am

antalya web tasarım

Reply
e-ticaret says:

May 31, 2023 at 9:49 pm

Thank you very much for the information you provide.

Reply
bursa web yazılım says:

June 2, 2023 at 12:58 am

Thank you very much for the information you provide.

Reply
Sineklik Tamiri says:

June 5, 2023 at 5:50 pm

thanks for the content

Reply
Sürgülü Sineklik Tamiri says:

June 5, 2023 at 6:24 pm

thanks for the content

Reply
Damion Berrien says:

July 9, 2023 at 1:34 am

This unique website is amazing. We continually come upon something new as well as various appropriate here. Thank you for which information.

Reply
https://prestigeautodetailingkc.com says:

August 11, 2023 at 8:58 am

Appreciate you sharing, great article.Much thanks again. Cool.

Reply
Body Shaping says:

August 12, 2023 at 2:55 am

Thank you sir. Thanks for sharin. Your blog its great. Thanks.

Reply
Saç Ekimi says:

August 17, 2023 at 3:06 pm

Thank your for sharing sir. i read your article and its great.

Reply
Sedasyonlu Saç Ekimi says:

August 21, 2023 at 1:19 pm

Thanks for sharing sir. i like your article

Reply
Rüyada gelinlik giymek says:

September 24, 2023 at 10:46 am

Congratulations on a successful article

Reply
Rüyada gelinlik görmek says:

September 24, 2023 at 9:25 pm

Congratulations on a successful article

Reply
Rüyada Bulanık Deniz Görmek says:

October 1, 2023 at 4:06 am

It was a successful article, congratulations.

Reply
seks shop says:

December 29, 2023 at 12:48 am

Nice post admin, keep it!

Reply
erotic shop says:

December 29, 2023 at 1:58 pm

Thank you admin!

Reply
Eskisehir Escort says:

January 23, 2024 at 4:38 am

Thank you very much for sharing this. Really nice job. It was exactly what I needed.

Reply