Spooky Hero Section Design Tutorial

Here is a quick tutorial on how to create a spooky text design using HTML, CSS, and some cool text effects. I have made a few text designs with different effects to help you get the look you’re going for. Spooky Hero Section Design Tutorial – Spooky Text -HTML -CSS.

Sliding range min query

Suppose you are given an array where n

There are numbers. You are asked to find the smallest number from all the subarrays of size m=3 of that array.

Spooky Hero Section Design Tutorial -Spookey Text -HTML -CSS

For example if the array is 10,2,5,9,6,4 then all subarrays of size m=3 are:

  10,2,5, minimum number is 2

  2,5,9, minimum number is 2

  5,9,6, minimum number is 5

  9,6,4, minimum number is 4

Then your output will be [2,5,5,4].


Its value is 1 to n instead of 3

can be any number up to


If its value is small, we can easily solve the problem by looping over each subarray. Take a look at the Python code below:

The complexity of this code is O(n2).


We have O(nlogn)

The problem is O(n) using sliding window and monotonous DQ.

Complexity can be solved, that’s what we’ll learn today. A monotonous DQ or double-ended-Q is a DQ in which the numbers are always sorted.

Suppose the numbers in the array are [10,50,15,12,4] and m=3.

We will continue to work from left to right with one number at a time. We will insert the numbers into the DQ in such a way that the smallest number is always to the right of all. When i is at the i th index (i−m+1,i)

The lowest number in the subarray will be found at the far right of the dequeue.

The first number is 10, which we insert from the left in the DQ:


The next number is 50, also inserted from the left:


The next number is 15. Now notice, of all the numbers we’ve got so far, those greater than 15 can never be the lowest number, because they’re to the left of 15, and the subarray they’re in must also contain 15. Understanding this is the most important part of the algorithm. Before entering a number into the DQ, all numbers greater than that number must be removed from the DQ.


Then the smallest number in the first 3 size subarray [10,50,15] is the rightmost number of DQ 10.

The next number is 12. Then we drop 15 and insert 12.


Notice we are now at index i=3 and we don’t need any numbers left of index i-m+1=3-3+1=1 because they are out of range. The rightmost number of queue 10 is located at index 0 of the original array, which we can discard.

Spooky Hero Section Design Tutorial – Spooky Text -HTML -CSS


Then the smallest number in the 2nd 3 size subarray [50,15,12] is the rightmost number of DQ 12.

The next number is 4. We drop 12 and insert 4:


Then the smallest number in the 3rd 3 size subarray [15,12,4] is the rightmost number of DQ 4.

then O(n)

In complexity, we extract the lowest numbers in all ranges.

The above algorithm is implemented in the following Python code. Even if you don’t know Python it won’t be a problem to understand:

Issues to ponder:

1. think you n

Given a number and a range q, the ranges are [a1,b1],[a2,b2]…….[aq,bq] and ai≤ai−1 and bi≤bi−1 for each i<q. Find the minimum number in each range. How do you do?

What did the police do?

After studying architecture from Singapore, Imtiaz Mohammad Bhuiyan opened an office in Dhaka’s Tejgaon and was working as a home decoration consultant. He left his home in Kunipara, Tejgaon, towards Farmgate on March 7 at around 1 pm to print out some designs. After that, the family did not find him. The next day, a general diary was made as Kalabagan reported Imtiaz missing. At that time, the family ran to the police station, but nothing was done. However, the next day Imtiaz’s body was recovered from a bush in Munshiganj’s Sirajdikhan.

After recovering the body, the police of Sirajdikhan police station tried to identify the identity by matching fingerprints. As it did not work, the next day (March 9) the body was buried as an heir through Anjuman Mufidul. Meanwhile, the Sirajdikhan Thana Police sent a message to various police stations with the detailed description of the body including pictures. But it did not come to the attention of the Kalabagan police station. After 10 days, the family came to know that Imtiaz Mohammad (45) had been murdered when a report on Imtiaz’s disappearance was broadcast on a private television. The wounded body found in Siraj is that of Imtiaz.

Imtiaz’s wife, Fahmida Akhtar, who is angry about this, told Prothom Alo, “GD’s investigation officer has always said that the investigation is going on.” Only he can tell what he investigated. The husband was murdered, when I found out his body was buried as an heir. The police could not tell us that information either.

Assistant Superintendent of Police (ASP) of Tongibari Sirajdikhan Circle of Munshiganj Mostafizur Rahman told Prothom Alo that after the recovery of the unidentified body, messages were sent to different police stations with pictures and details. Many bodies are also identified after sending messages. But the ‘system’ may not always work properly. This may have happened in this case as well.

Meanwhile, Sub-Inspector (SI) of Kalabagan police station Mohidul Islam, the investigating officer of Imtiaz’s missing GD, claimed that he investigated the incident seriously since the GD of Imtiaz’s disappearance. So even if the body was recovered in Siraj, why did it not come to attention? In response to this question, he said that no message was received from the Sirajdikhan Police Station regarding the recovery of the body of the unidentified person.

According to Sirajdikhan police station, Imtiaz’s body was found in the bushes. There were injury marks on his body. The killers tried to crush his face.

A murder case has been filed in Sirajdikhan police station accusing unknown persons of killing Imtiaz. When asked about the progress of the investigation on who took Imtiaz, Sub-Inspector of Kalabagan Police Station Mahidul Islam said that a case of murder has been registered in Sirajdikhan Police Station regarding Imtiaz’s murder. They are investigating the murder case.

And about the progress of the investigation, Tongibari Sirajdikhan Circle ASP Mostafizur told Prothom Alo, ‘There is no progress to be reported in this murder case so far. However, I hope that the mystery of this murder will be revealed soon.

Meanwhile, Fahmida Akhtar approached the court to get back her husband’s body. Disappointed with the role of the police, this woman told Prothom Alo today, ‘I fought for so long to find my husband. Now I am fighting to get his body back.

Fahmida demanded that those who killed her husband should be found and punished.

Spooky Hero Section Design Tutorial – Spooky Text -HTML -CSS.

Before Download

You must Join our Facebook Group and Subscribe YouTube Channel

All Links in Below:

Join Our FreeWebsiteCreate Facebook Group to get an instant update for projects, templates, design resources, and solutions.

Join Our YouTube Channel & Subscribe with Bell Icon for New Video:

Join Our Official Facebook Page For the Latest updates All Code Projects are Free:

Visit our service page to get premium services.

Free Website Create – HTML CSS, PHP, JavaScript Programming Projects For Free

Follow Us

Thank You,

Stay with FreeWebsiteCreate.net

Share the post if necessary.

Before Download

You must Join our Facebook Group and Subscribe YouTube Channel

FreeWebsiteCreate.net tries to provide HTML, CSS, SCSS, JavaScript, React, Android Studio, Java, PHP, Laravel, Python, Django, C#(C Sharp), and ASP.net-related projects 100% free. We try to make learning easier. Free Website Create always tries to give free projects to those who are new learners. Free projects and source code will help to learn easily. They can save time and learn more. In this post, we share a free portfolio project website code with HTML and CSS. This free code portfolio contains a single landing page with a responsive design. In this post, we get a free best carpenter and craftsman service website designed by FreeWebsiteCreate with HTML, CSS, Bootstrap, and JavaScript.

To get a free website project code,

Keep bookmarking our website, Save categories links, Follow Social Media, Follow the youtube channel Join Facebook groups.

Stay with FreeWebsiteCreate.net

Share the post if necessary.

Leave a Comment