Do-it-yourself construction and repairs

Page under reconstruction html template. Leave your contact information. Do I need to subscribe to updates?

  • Translation

If you bought a domain but haven't launched your website yet, then deciding what to do with it is a rather difficult task. Should you leave your registrar's home page or the standard hosting page? Both options look, to say the least, unprofessional. Especially if you are going to promote your new project and talk about it. At the same time, you don't want to spend too much time creating a temporary page because... you need to work on the project itself.

Conclusions and final reflection

You will definitely benefit from. He didn't mention this tool among my favorites to birth an entrepreneurial project, but it's important to know that desire is an "available option." So, if you are thinking of starting a certain business and don't want to miss out on the opportunity to have online visibility due to lack of resources, you can use it for some time on one of these platforms. And if you want to write and want to start your blog without paying for it, surely these platforms will be very helpful for you to create your free blog.

The best way out from the situation - create a simple stub page, which will tell visitors what will eventually appear here. A good “stub” page can have two options: an information page that simply tells you what will happen here after the launch; or a page that invites visitors to sign up for notifications or submit a request for beta (or alpha) testing. Below you will see some great examples of both types that you can follow to create your own. stub page. Of course, among them you won’t see the usual “Under Construction” pages (with boring design), of which there are a whole bunch on the Internet.

Have you decided on the name you will give to your new online project? Then don't miss the message, you will discover the features of the perfect name. Have you ever used one of these online platforms to create a free blog or website. What was your experience like?

What is a website template?

Anyone who wants to create their own website with our service must first select a website template. Another page creation is the edition of the selected template, so skipping this one is very important step impossible. These components are variables in the template, so they can be freely changed by our editor at any time.

I have the option to change my template later

Yes, the portal site also allows you to change the entire template without losing your own page content. You can make this change at any time while the page is running.

Below you'll find some great examples and tips to keep in mind when creating these pages.

Tell us what to expect

When someone comes to your “stub” page, they need to understand what your site will be about and how it can be useful to them. This is especially important if you ask visitors to sign up for notifications or check back in occasionally. If you're not willing to bother telling us what the site is about, why should we remember to come back here?

Give us some information about the focus of the site. This doesn't mean you have to tell everything in great detail; on the contrary, save some interesting information for now. For example, if you are offering a time management app designed specifically for web designers, you might say that the site will help simplify the web designers' workflow. This will give some information about the site, but at the same time leave a certain veil of mystery.

What is the selection of templates offered by the portal site?

Each category has dozens and often over 100 templates to choose from. All of them are available as part of a subscription.

How to choose a website template

Firstly, their own taste is important. The templates on the portal website are grouped by industry, so you can choose the template that suits your company. For example, if you own your own boarding house, you can choose the Accommodation template. This way, you'll have graphics and copy that are appropriate for your industry from the start, without having to change anything.


offers a wealth of information on its stub page, including a sign-up form for updates and a blog that chronicles development progress. This is a great example of a placeholder that does a good job of informing visitors and keeping them excited for the upcoming launch.


gives us basic information about the services that will be offered on the site when it launches.

However, if you have your own images and graphics and you prefer your site to be original, you can choose a template from any category because you change themes. For this reason, we usually recommend our clients to choose the templates that they like best. Attention is drawn to the permanent elements of the templates or those that you do not plan to change.

How many website templates are there on the portal website?

The templates we offer are free, so you can host them on your own server for free. However, in order to edit the template, we need to use our service, that is, buy a subscription after the trial period. All templates are available on the same basis and you can select and modify them free of charge as part of your subscription.


greets us with a decent amount of information about the features of the project, but does not tell us too much.


Here the page tells what the project will be about, when it will be ready and also gives visitors the opportunity to subscribe to updates.

Do I need to subscribe to updates?

Allowing visitors to subscribe to an email newsletter to notify them about the launch of a project - this feature can be a good tool for promotion. If this is not done, then by the time the site is launched, some visitors may forget about it. Of course, the regularity of the newsletter depends entirely on you. Some sites only send one notification on launch day. Others send out regular newsletters that tell you about the progress of their work.

You can try to create a little hype around the launch of your site, then start sending out mailings more or less regularly and in total this will help build trust in the site and make its name recognizable. If you send out notifications every week or two, your visitors are less likely to forget about you. It’s just worth mentioning on the page that the mailing will be done so often to avoid accusations of spam.

What skills are required to edit your chosen website template?

Editing the template is not difficult, just basic computer skills. It looks like the tool icon is shown when editing the page for each variable graphic. The same looks like managing all images. However, if you want to change the text, just click on a specific section and then in a new window you will see the option to easily edit individual parts of the text. Additionally, there are other things in the editor that you can intuitively add, remove, or edit.

In addition, there are several alternatives to regular mailing. One of them is to start a blog that will inform visitors about your progress on the site. This method is most applicable for Internet applications, the progress of which can be described in a blog. Another recognized way is to use Twitter to attract and inform users. Just make sure the page has a link to your account on Twitter.

Our editor also allows you to add more slogans, logos and create an online store in each template. Our editor can be used by people who know nothing about programming. This simplifies application, facilitates future development and allows individual parts to be tested separately. The model represents the data and, in particular, the functional basis of the entire application. It contains application logic. Any user action is an action of the model. The model manages its internal state and offers a fixed interface.



allows visitors to choose: subscribe by e-mail or follow Twitter.


allows visitors to subscribe to updates by e-mail.

Make your landing page memorable

If you already have a logo, initial design or color scheme, and a font, use them on your page to start creating a style that your visitors will remember. A recognizable style will put your website a step higher than that of your competitors, and most importantly, it will no longer require time and effort. Even something as simple as using a specific font or color scheme can make your site more recognizable to future visitors. When your site eventually launches, visitors will feel more confident.


uses the logo and color scheme on the page that appears to be used on the site.

Provide information about yourself

By calling this interface, we can detect or change its status. A view is an application layer that is responsible for displaying the result of a query. Typically, it uses a template system and knows how to display which component or output of the model.

Let's write the title and the text itself

The controller, which processes user requests and then calls appropriate application logic, requests a view of the data. So, to tell him which host the request is for and what action he wants to do with it. And then the presenter will be asked to perform the action.


uses a gorilla image and design on the page that will be used on the site.


appear to be using the final version of the color scheme and logo.

Create a little intrigue

The goal of a stub page is to get people talking about it and then bring them back to your site. Even if you just want to tell what the project will be about, it doesn’t hurt to create a little mystery. Curiosity is a strong motivator and can get a large number of visitors to sign up for email updates. It also gets people to tell each other about the site because... visitors will ask their friends for any information about the planned launch. Such conversations can give the project initial traffic and even attract attention from various media.


gives us some initial information about the site, but doesn't tell us too much.

The presenter is an object that receives the request translated by the router and makes a response. You don't even need to do this unless you are handling a request from another application. Most often you handle your own application form and we have a form component.

Subsequently, the presenter moves towards rendering the template. The path to the template file is output by the host according to simple logic. Also try to find a layout. Presenters and their components provide several useful template variables. It's not very difficult!

In addition to the traditional parameters that we have used now, there are so-called constant parameters. They differ in one important way: they are transmitted automatically. This means we don't have to explicitly include them in the references, but they are still passed along.


does not give any information about what kind of application it will be, but from the name you can assume that it will be related to time management or work productivity.

Remember SEO

Although “stubs” do not play a big role in the ranking of a site by search engines, this does not mean that they should not be optimized for search engines. Use keywords and correct meta tags, and encourage those leaving links to you to use the necessary text in anchors. And if you approach SEO correctly, you will not be pessimized by search engines (and perhaps even gain some trust from search engines), which means that when the site launches, promotion in search engines will be much faster.

2. Information pages

This is what information pages are created for: to provide visitors with information about the current state and future plans of this site. The design of such pages can be very simple, just a title and text, for example, “Coming soon,” or it can contain a deeper meaning. In any case, this is usually one page with some information. Sometimes includes contact information for the site owner.

A stub is a page that is placed on a site when it is unavailable for one reason or another. For example, when you are finalizing or changing the design of the site and at this time it is unavailable or is displayed somehow incorrectly. It would be advisable to put up a stub page at this time, on which it will be written that the site is under maintenance.

If your application has two language mutations, it would be incredibly tedious to translate the current language in each link. We can also specify a default value for a constant parameter in the class definition. A constant variable must be declared public.

Durability respects the hierarchy of presenter classes, so that a parameter defined in a particular presenter is automatically propagated to each presenter from the descendant. But this is far from the only method that is called. When writing presenters, we can also create the following methods. It initializes variables or checks user permissions.

So let's get started...

We will make a simple placeholder with a background image and text that .

Let's create a folder on the computer in which we will place all the necessary files for our stub.

In this folder we will create another folder with the name images. In it we will place our background image and, possibly, other images that may be needed during the work.

There are situations where the presenter performs a certain action and then is redirected to another location. Putting a render name on a method that doesn't draw anything will be useless, so there is an alternative called an action. We may terminate a Presentation at any time during its life cycle. We usually do this because we want to prevent the template from being rendered.

For example, after submitting the form and writing the data to the database, we redirect to the product detail by calling. If you want to choose a different code, we will place it before the presenter action name. Before the redirect, we sometimes want to send a so-called message that will appear after the redirect in the template.

Open the Notepad++ program (or a similar one, for example Notepad). Let's create a new document. Next - File - Save As, select our folder with a stub and save the document with the name index.html

This is what should now be in our folder:

Open the file index.html in our editor (after saving it should be open for you). Now we need to make sure that the encoding of this file is set correctly. To do this, go to the “Encodings” menu item and click on “Convert to UTF-8″

These are reports that typically report the outcome of a transaction. Important feature flash messages is that they are available in the template even after redirection. Even if they stay alive for another 3 seconds, they will still be alive - for example, in the event that the user is unable to restore the page due to an incorrect transmission - the message will not disappear immediately.

Implement only in public class properties. Not only parameters, but also components can be constant. Their status is then transferred to another leader in a similar manner to the case. Persistent components are marked with this annotation. The subcomponents within these components do not need to be labeled, they are stable on their own.

In order not to accidentally lose the achieved result while working, I recommend periodically saving the document while working. This can be done in the "File" menu or with the keyboard shortcut "Ctrl + S".

We write the following code in the editor:

Any web page consists of these tags.

Now let’s add a title to our page, because it won’t be very nice when someone opens it and sees index.html in the title of the browser tab (you can open the page in the browser and see what happens). For this purpose between And let's add the following code:

Add a call to action

Provide alternative templates for selected page features, such as category pages and search results. Quickly switch between two layouts or change the theme or style so page owners can change the look. To make your website look truly unique. . Avoid using numbers in the topic title. This may prevent it from appearing in the list of available themes. Look at his files to see what this theme is based on. Theme files that define how a page loads and displays database information on the page. Additional function file. . The simplest motive is a children's motive.

The site is under maintenance

Background picture

Now let's select a background image for our placeholder, and then return to editing the page.

To do this, go to Google Images and look for an interesting picture that could serve as a background for our page. It is important to select an image with a width of at least 1920 pixels so that our page looks good on large screens. I entered into the search bar and selected one of the pictures.

If you are creating a theme based on an existing one, make sure you change this information. The following example is a few lines of the beginning of the style sheet of the "Twenty Thirteen" style sheet, called the style sheet header. Design details abound, from a vibrant color scheme and matching header images, beautiful typography and icons, and a responsive layout that looks great on any device, large or small.

But it could also be your real name. List tags that describe your topic. This will allow other users to find it using the tag filter. Here you will find a list of all allowed tags. A theme can use a functions file that is located in the theme's root directory.

Open the picture in full size and save it to your folder images. Then we rename it. Let's call her bg(don’t forget about the image format, in my case it’s jpg).

Here's what I picked up. This is a photo of the city of Chicago. In my opinion, it is quite suitable for the background image of the site.


Customizable menu options that allow site owners to easily change colors, styles, and other elements. List functions used in multiple theme files. . So you can use it as a template. The features included in the plugin are covered by all themes. Let's see how different patterns can be part of a theme.

Templates are selected and created based on a hierarchy of templates, depending on what templates are available in the theme. As a theme creator, you can choose how many customizations you add to your theme. For example, in as a last resort you can only use one template file as the template for all pages created on your site. It's better to use different template files. They achieve different results depending on the type of page, message, etc.

We attach a background image to the page using CSS styles:

The site is under maintenance

The text will consist of a title and, in fact, a paragraph of text.

The site is under maintenance

Of course, your theme may include other stylesheets, images, or files. Both of them are in the theme folder. Or it can be split into separate template files. In the following example. The default files for some features may be outdated or missing, so you should add these template files to your theme. Since version 0, there are obsolete files by default.

For more information on how different templates work and how to create different information, read the templates documentation. The files that define each page template are located in the Files that define each template page are located in your theme. To create a new custom page template, you need to create a new file.

Here's what happened:


Now we will add our contacts so that visitors can contact us immediately, and not wait until the work on the site is completed.

Let's add 3 blocks, which will contain phone, email and Skype.

The site is under maintenance

The site is under maintenance, check back later!

The site is currently undergoing engineering works. Please come back later or contact us in one of the following ways:

Tel.: 333-33-33

Skype: admsite_ru

All that remains is to work with the styles.

Let's enlarge the title, align it to the center and lower it closer to the center of the screen.

Let's increase the font of the text paragraph to twenty pixels and make a small indent from the heading. We will also make a border at the bottom of the text, which will separate it from the contacts.

Let's make blocks with contacts in 3 columns, increase the font, align each block to the center and change the text color.

The site is under maintenance

The site is under maintenance, check back later!

The site is currently undergoing technical work. Please come back later or contact us in one of the following ways:

Tel.: 333-33-33

Skype: admsite_ru

As a result, we have a placeholder page that we can use when the site is undergoing technical work.