Σ Sigma Hosting is mainly a video tutorial website

Σ Sigma Hosting is mainly a video tutorial website that make it easier for you to search within the transcript of videos for solutions of problems you might face during your journey in dealing with different webhosting companies. So, we are very sorry if the text is not well organized and we may work on it in the future but for now we hope you get the benefit mainly from the video then you may need to have a look on the transcript. Thanks for your understanding 🙂

hello viewers this is photography once again welcome to this new video where i'm going to show you how you can create beautiful professional looking complete website step by step from the beginning by using wix website builder so even if you're a complete beginner you will be able to follow the steps which i am going to show you throughout this video to create stunning websites just like this one by yourself so without further ado please click on the link attached into the video description to visit the wix sign up page and after that click on this start now button it will lend us to this login page if you don't have an account you can simply click on the sign up button and set up an account for yourself or we can continue by using your apple id gmail id or with your facebook account so as i have created an account using signup option here i have provided my email address and password and it's time to click on this login button now i'm signed in with my week's free account it's time to click on this create new site button from here and in this page you are going to see a question what kind of website do you want to create with few options to select so let's say you want to create a website for restaurant business you can simply select this option restaurants and food from here and it will show up some of the greatest templates which are available on wix platform which you can customize for free and you'll be able to make it work for you so as you are going to create your website from the scratch so i'm going to click on this other option to go for the next step and in the next page you are going to see these two options the first one where you have to answer a few of the questions the week's artificial intelligence is going to optimize your answers and create a website for you automatically but it will have some unwanted options which you don't want as well so as we are going to create a website from the scratch i would love to go with this create your website with the editor still will have some templates to choose but we are going to select the blank template so let's click on this charges template button from here and then you will be able to see some of the beautiful templates available on wix platform but as our plan is to create this website from the sketch so we are going to click on this blank templates from here after that i'm going to select the first option and let's click on edit button and our website editor is going to be loaded up within few seconds in the meantime i would love to omit these steps from here so that will have the original website which we are going to follow to create a new website for this video purpose and we have got the editor here so here we go our editor has loaded up and if you just notice we have got a basic structure where we have got an header and then we have got this body section after that we have got a footer section on the website and nothing else and we are going to create our website from here so let's say let's move back here on the header section we have got a logo we have got some beautiful menu options as you can see and after that we have got this main image here so what i am going to do i am going to start from uploading our main image so let me show you how you can do this we are going back to the editor and after that let's click here on this body part and after that let's click on add and then we have to go to the strip option and after that we have to go here then click on welcome and it will load up some of the beautiful templates here so we are actually looking for this template if you notice here we have got a video icon this means this template has a video going to be played in the background so i'm going to select this one and let me show you the video in work so if i click here on this preview just take a look a video is going to be played in the background so as our website has an image we are going to customize from video we are going to give an image in the background instead so let's click on back to editor and after that we have to select this part then click on change strip background after that we will have some options pop up here as you can see so as we want to give a specific image so we are going to click on this image button from here it is going to send you to this page where we will have thousands of image from wix database and also you can upload image from your computer so as we are going to use the image from ux database type out here yoga to find all the relevant images to yoga so here just take a look some of the beautiful image has been appeared let's move with the first image from here and let's click on change background and it is going to be added up into our website here so the image is too bright to see these uh white text here so what i have to do i have to change click on the change strip background again all right after that let's click on settings and then we can select the color behind the image so let's select the color and i'm going to choose black and after that let's click on cross then we are going to reduce the opacity of the image so that our text will be readable just take a look it's looking much better than before so now what i'm going to do i'm going to keep it to 60 and then i'm going to cross this out it is looking much better now let's say i want to change this tag so you just have to double click on this text and then let's put some name of your of your website which you want to give so i'm going to put like yogi jogging as an example okay and you can always change these text colors that scratch across so yogi jogging let's say i want to get this bottom text with a white background or actually white color so what i'm going to do i'm going to select this text and after that if i click here from color and let's select white color from here oops the last one didn't been selected okay so i'm going to change the color to white and here we go i have got yogi the yogi is in black and yogi and white now let's say you want to change this button here so let's click here and instead of read more let's say learn more so i'm going to double click here we are going to be able to set up here learn more all right so just take a look how i have changed the text and if i want to give a specific linking here on this uh button i'll be able to do this by simply clicking here on this page and you can select if you want to select a web address simply paste the web address here if you want to select a page simply uh edit here as well so let me take youtube as an example and i'm going to paste it here and if i click on done it is going to be clickable and the page will be loaded to web youtube website all right and then we have got few other options which you can do by clicking on this design button will have the options to change the button style button design as you can see and you'll be able to have some other customization options by clicking on this customized design you'll be able to change the color and opacity of this button will be able to give borders corners etc for example if i want to give some cornerings here and let's say i want this cornering to be five pixel 5 pixel or let's increase the size to a little bit more 25 25 and 25 just take a look it's been rounded here so i don't want these rounded uh corners so what i'm going to do i'm going to select again design and then i'm going to click on this customize design and after that let's go to these corners and then i want to place 0 here for each of these fields okay so just take a look our border has been sorry our button has been returned to its original look so we have added and customized our header section from here and it's time to check out our website and as you can see here on the in on the original website we have got black background and when we are hovering over the button it is turning full black with the white text so let's do this setup as well so we are going to see how it is going to look like all right so when we are hovering over it is turning white and the black uh text but we want black background with what white text so let's click on uh back to editor and after that we are going to select the button click on design and then we want to click on customize design after that fill color and opacity we want ops no this not this one border as you can see here so we are going to select the color from here and after that we are going to keep it two hundred percent to match this up as you can see and after that we want no corners shadows no shadows and text the text color should be uh black yes the text color should be black so i'm going to select black from here and here we go this is how our website is currently looking like and now let's say on hover we want this to be changed to black with the background and the text should be white so let's click on hover and after that we are going here fill color and opacity we want the color to be black and then we want the text color to be white all right so now if i just cross them out and let's click on preview and just take a look how it is going to look like alright so okay so one change i have to make here on this border in hover mode so i'm going to click on back to editor and after that let's click here design and then customize design and after that let's go for hover then we want this border color to be black as well so now if we preview this website it should be looking perfect all right so here we go we have completed working on our header section oh sorry the this image header image after that we are going to add this section which will have some text in the back uh left side and the video in the right side so let's add again let's go to the back to editor and then we have to select this part and then let's click on add and then on from the strip we want let's say about section and we're going to select this template from here so let's click here and after that i want to give some extra space all right so it's looking good and now i want these text should be placed here in the left side and the image should be placed here in the right right side so let me show you how we can do this simply click here and after that manage columns and then click on this back arrow or left arrow and it is going to be change our placement of the text okay so now i'm going to change the color of this background so the color let me find the color from here click on the column and after that change column background to change the color then select color as we want to change the color of this background so let's select this color and after that let's cross it out and then we have got some text be yourself so i'm going to i'm not actually going to copy paste everything so instead i'd say example all right and i want this color to be changed to this text to be with 40 pixels and then i want this color to be changed to black so let's click on here and then black and just take a look our website is looking good and exactly matching with this style so now let's go to this part and we want to change column background as we want to change the image from here so let's click here after that let's click on video and let's say yoga i'm going to find the dark video so this one and then let's click on change background and here we go we have got the background video added up as well so let me show you how you can add these things and how you can speed up the timing of the video play speed so let's do this we are going to click on this setting button from here after that you will be able to add overlap pattern into the image so let's say i want to add this overlay pattern and just take a look it is going to look nicer here after that you can change how it is going to be look like darker or lighter if you click on lighter it is going to catch your eyes so what i'm going to do i'm going to make it darker and after that you can place these contents as you want by this position uh section okay so now let's say from play speed from normal i want the play speed to be 1.25 and after that let's cross it out and if i click on preview button from here just take a look the video is going to be played here and it's going to look better so i want to reduce the size of this strip from here so it will look much better so i'm going to click on back to editor this is going to look good okay so now we want to add the next section the same thing we simply have to drag and drop the elementor sorry the stripe so let's click on add and after that stripe and we can add this thing from here or we can simply duplicate this stripe so let me copy this from here or actually click on duplicate and then we have to simply drag it to the bottom of this page and here we go now for this section we want the image video to be appeared in the left side and the text should be appeared in the right side so what you can do we can simply click here again and after that manage columns and then click on the left arrow so just take a look how it is going to look like now we want to change this background as well so let's click on this element and after that change column background and then we are going to find video and we are going to upload this video as an example let's click on change background and for the text background from here we are going to change that background color to uh white plain white so let's click on change background after that color and then we are going to place that plain white from here all right so let's click on this cross icon then cross icon so just take a look how our website is currently looking like okay so now after that we have got another the same thing so i'm not going to show you how to do this i believe you have already got the idea let's say you want an image and you want these types of text to be appeared here so i'm going to use another strip uh click on add and then we are going to click here or for this template and it's going to be added up here so let me ops now let me take this a little bit down all right and then we are going to change the color of the text sorry change the font of the text the size of the text and other elements so if i click here you can see that we are using lulu clean 40 for the header heading and then we are using avinyl light and 17 pixel font size for the text text things so i'm going to change the things here so we are going to click here and after that let's put lulu and lulu clean and after that we are going to change it to 40 and the black color is good so let's cross it out we don't need this one oops i want to change it to black color so here's black and always try to use the similar same pattern of this text header and other features of button or whatever you are using so here on this field we are going to change this text to text phone to let's say avenir ups not a winner we are going to use even a light and then 17 is perfect and then let's cross it out we don't want this button here okay so now simply just copy and paste these text elements so that it will have more place all right and now i want to remove this image let me see now remove this image and i want this about us things here appeared so let's click here in this delete button and just take a look we have got an image and the about us section okay so let me align these tags to left it is going to look much better okay and then we are going to do the same thing align left all right so now let's click on this element and then we are going to click on change column background and after that let's click on image and we are going to select an image relevant to yoga and let's say i want to use this image as an as an example click on change background all right so here we go we have got the image also added so that's the process how you can customize and if you want to place these text a little bit up you can simply do this and it's looking good now what i have to do i have to go a little bit down and it has a button as well so what we can do we can simply drag this text a little bit up and then you can simply copy and paste these this button from here and paste it here okay so that it will look exactly as it is on our other website so here we go we have got everything set it up and if you want to increase the size of this strip then it's very simple simply select and then drag a little bit down all right so it is going to look much better okay so we have added this part here after that we have got this about a section if you want simply add this strip again so let me go to this strip and after that let's add this up here and then you can simply delete these image columns and let me show you image columns and it has been going to be look like this now just customize as based on your needs so i'm going to delete these things from here and i'm going to keep it as it is now so now let's add uh this part our teacher so we can add this full image into the website so let me show you how we can do this simple simply click here and after that go back go back to the plus icon actually here on this add button and after that click on image and then click my image uploads or let's say we want to use free wix image and then we are going to find a relevant image to yoga and then let's yeah here here we go we are seeing this image which you have used on the previous website so let's click on add to page and it is going to be added up here so let's take it a little bit down so we have to make some change for this image settings so let's click on this settings and then let's click on keep properties auto fill and then we want this to be stretched so let me make it a little bit stretch here just take a look it is going to be looking perfect within few seconds it's all although it's just cut it up but we are going to make it a little bit bigger here and it is going to look perfect within few seconds all right so it's working nice all right so now we are being able to see the image perfectly all right so now we are going to make this background image a little bit dim so that it will look or match with our look of the website so let's after that let's click on this settings option and then click on adjust after that let's go and click on this background option it's time to select the color so let's click here actually i'm going to try it out here so select the color to black from here and then we are going to reduce the image opacity now let's click on save and here we go it is going to be changed within few seconds and now let's cross it out all right so now it is going to be look like a professional looking website here and we are going to add this part from our teachers so let's do this we are going to click on this add icon again and after that let's take a box and we want this box to be added and i'm going to drag it here a little bit down and then i'm going to make it placed properly all right so now let's make it a little bit smaller and then we want to add a text so to add a text we have to select this part and then go to here on this plus icon and after that click on text and then click on add sorry heading 3 and then we are going to add the text like our teachers and then i want to change the size of this text to to 40 pixels i want to change the font to lulo clean and i want them to list in one line okay so i need a little more space a little more okay so they're in one line as of now all right so now i'll be able to drag and place it to the middle of the element here all right so now what i can do i can simply click here on this add icon and after that let's click on strip and then we'll be able to click on the steam option from here and you can select any one of these templates to add on your website the so the one i have used on my website is this one so let's click here and it is going to be added perfectly on our website now let's change the background and let's see what is the background it is exactly white so i'm going to change the background by clicking here change column background and then i want to place the color to white same thing i'm going to place this background color to white okay and now we want to change this text we want to give it to lulu clean and the size is 30 that's looking good and then we are going to change this text to a winner abinal light and after that we want it to 17 pixels and that's it okay so the same settings we are going to follow for this person as well lulu clean 30 pixels that's good then a winner light 17 pixels all right so it's looking good now let's say you want to add some more social media icons here so how you can do this simply double click on this social media icon and after that click on add icons and then let's say you want to add facebook icon here so here is the facebook icon matching up with the other twitter icon here now if i click on done the icon is going to be added up so let's place them in the middle here so it is going to look beautiful and i'm going to delete this one from here and then i'm going to copy and paste it again so that i'll be up snow so that i'll be able to drag it from here to here so that it will look beautiful okay so now let's say i want to change the links in the um facebook profile so let's click here and then you'll be able to add a link here so let's say i want to give my facebook profile url here and i'm going to put on facebook.com here facebook.comacharul rafi then let's click done and that's the process how you just have to select and click here twitter and then change the twitter to your handle so i'm going to put mine rafi mm and then let's click on done so that's the process how you have to change the icon links or the button links of any section so if we want to change the link of this button it's very simple double click and then add a link say i want to uh attach a web address here so for example let's say i want to leave my visitors to facebook.com as just a tutorial purpose let's select done now if someone clicks here on this button let me click on preview if someone is going to click on this button they are going to visit facebook.com so that's the process how to link any of these element of your website so we are done with this part and it's time to add our portfolio or actually a testimonial section so let's set this part by clicking on this add button again and after that the strip and then you are going to click on these testimonials you are going to see a few of the templates which are available here so i have used this template and let's see what i have written here what people say i want to change this text to black so 40 and the text font is lulo clean and after that i want this text to colored with black and here we go you're done with this part and then we have got the background changed as well so i'm going to select this perch change strip background and then the color is going to be this color that's looking good and now you'll be able to change this title and name so let's let me just change this uh phone style to luluclean and i'm going to change this to 17 oops ebener light and here we go it is looking perfectly matching up with our um with our other website so let's change this color to white white we want this color to be white as well so let's click here click on design and after that let's select the color to this color is looking good here okay so that's the way how you have to customize these things as well for this website so i'm going to skip this part as of now or let's just do this real fast i'm going to copy and paste these things to all of these elements here so i'm going to remove these things from here let's paste it and drag it here okay so it is going to match up perfectly now let's delete this text as well so now paste it again and then paste it here so that's the way how you can customize this part and if you want to change the background the same thing simply click here and then click on change background image and if you want to change the opacity you'll be able to do this as well by simply clicking on change background then settings or from this um icon okay so as you can see here adjust button enhance adjust filter overlay and scroll down so i'm not going to do them uh for this purpose so now it's time to add this contact us form into our web page with this address information so let me show you how you can add this part so go back here and after that click on this plus icon after that strip and then select contact then you are going to see some of the templates which are available to use for you so i'm going to use this template for this tutorial purpose and then we are going to see that the form is going to be appeared here and then we are going to change the color of the background first so let's change the color of the background to let's say i'm going to color let's say i want to use this color for this part okay so let's cross this out and just take a look how it is going to look like onto your website it's time to change this text so i'm going to double click and then lulu clean then we are going to give it to 40 pixel of size and the color should be black and then the same thing we want this to be changed to our text which is actually font which is avener avenue light and after that we want this to be 17 pixels and the same thing same way which we have used to add more social media icons you can simply change the links by simply by clicking double click add more icons change the links if you want by clicking here all right so i'm not going to do this to save some of the time and it's time to work on this form so you just have to click on this form icon here if you want to change the design if you want to add new fields you can simply click here and then let's click on last name so that it will be appeared here simply select this part and drag it to the part where you want to place it by dragging and drop it so i'm not going to do this so now let me talk about the most important setting of this form which is the notification so let's click on form settings so that whenever someone will submit this form you will receive an email and you will be able to reply them from your email as well so after clicking here on this form setting you just you are going to find this option as you can see setup email notification so let's click on it and after that you are going to select this one as you can see notifies these contributors by email so whenever someone is going to uh send or submit this form you are going to receive an email so i'm going to keep it as it is after submitting this form if you want to share them specif specific text or if you want to lead them to a new page simple just click on submit message button and you are going to find as you can see show success message and you can also link to external url if you want to take them to another new page all right so i'm going to keep this as it is but you can see change these things thanks for thanks for contacting all right so let's click on always and then we are going to cross this out and after that we are done with this form section as well it's time to go for the footer section so let's add these parts to our website so now what we have to do we have to go here and then we want to change the background of the footer or let's say okay so we are going to keep this in white color it is going to look nice i believe so what i'm going to do i'm going to add these things copyright by hold roughly so what i'm going to do i'm going to click here and then click on plus icon from here then click on text and then i want paragraph or actually i want some parts from here i am a paragraph i'm going to use this and then drag it a little bit down and you'll find you're going to see this option move to footer so let's click here and then we are going to change the font which is going to be avenue light and then we want it to 17 pixel and then we are going to copy this copyright sign from here copy and paste it type out copy right by arch harold rafi all right or the business name so let's say the business name is yogojo go all right now it's time to add this call text with this um phone number now what i'm going to do i'm going to copy this text element from here after that i'm going to take it here and now i'm going to copy multiple times okay so i'm going to keep one here and i'm going to change it to call now we are going to make it a little bit smaller here we go and then i'm going to put my phone number here plus eight eight zero one seven three four then a random number which is fake okay now let's say i want to add the social media icons here i'm going to make it a little bit smaller all right so now let's add the social media icons by using this follow uh text here so i'm going to type out follow follow and then i'm going to make it smaller and it's time to add the the social media icon so let me show you how we can do this it's very simple click here and then click on this plus icon and then we have got where is social media social yes here it is social media and then i want to add these icons here and then we are going to drag it through this part so that you will see this message move to footer click here and place these buttons here properly so now if you want to change the size of these icons if you want to place them or if you want to delete some of the icons we can simply do this double click and delete the icons that you don't want all right and then let's click on done and after that let's place this actually before that we have to change the size of this icon so we are going to click here and then we are going to select layouts and after that icon size it is going to be fine if we keep to 25 25 and the spacing is 7 pixel that's good all right so now let's place them here actually here it is should it should be placed and after that let's drag this follow button from here to this place okay so now our website is going to look much better than before so i'm going to make it bold make this follow button bold as well so here we go we have created this beautiful fully functional website from the scratch in less than one hour it's time to add our header section where you have to add menu and logo so first of all let's upload the logo i'm going to click on this add button and then let's click on image then i want to click on this my image uploads and after that it is going to lead us to this upload media page so let's click here and then click on upload from your computer or you can also use any online resource as well so i'm going to upload this from here let's click and it's going to load it up to our web page here we go so let's click on add to page now we want to reduce the size of the image and let's drag it through here let me see where it is okay so it is actually here on this part and it is looking good now it's time to add our menu section here but before adding the menus we have to add anchors to each of the features here so let's go for it we are going to click on add after that go to menu and then we are going to add anchors and then i'm going to give the anchor the placement here and give the name to home now let's click here and after that we have got the other option which is example so i'm going to name it by example add and then we want anchor so where is menu we want anchor and we are going to place it here then going to name it to sorry example all right and now we want this place no we are going to leave this example and we are going to give an encode to this part with about us anchor so let's click on add after that click on anchor we are going to drag this encode this part and then we are going to change the text to about us and let's cross it out after that we want to give an anchor to this our teachers section so let's click here after that let's click on this anchor and then we are going to drag it through here and now let's change the text to our teachers all right and then we want to say testimonials now i'm going to leave this testimonial part you can do the thing by following the tutorial already so actually this background is not looking that good as i have got this part also with the same background so what i'm going to do i'm going to change the background color and let's say color i'm going to give let's say this color a little dark okay so now what i'm going to do i'm going to give this part an anchor and to do this click on add and after that click on anchor and then take it a little bit up and we're going to rename this one to uh contact us okay so i have to change this part as well contact us and now let's go a little bit down no we don't want to encode these parts anymore so what i'm going to do now i am going to add our menu bar here on the top so let me do this by clicking on this plus icon again and then we have got menu and from this menu section we have to select the style that you want so i'd love to go with this design which i loved so what i'm going to do i'm going to drag and drop it here now let me take it a little bit left and after that i am going to click on navigate and then manage page and now we are going to click on this anchor sign and after that we are going to click on anchor and then select the anchors which you want to add so let's say i want to add about us let's click on done again i want to rename this about us done okay so it is going to take us to this about us section and after that we want let's say another anchor which is going to be encore example done and then we want to rename this to example and then click on done and now we want to click on this anchor icon again let's click on home and then we want our teachers to be added let's click on done we are going to rename these two teachers and click on done and again we want to click here select contact us and click on done and now i'm going to rename it to contact okay and instead of this about us text i am going to change it to let's say only about all right let's click on done now if i just take a look on the website you are going to see that these buttons are not in the correct placement so what i'm going to do right after whom i want to see the example button here after that i want to see the about button here after the teacher and then i want this contact page so let me set things up for these things so let's click on navigate after that manage pages and then we have to click here and drag them up example and then about and then teacher and then we want the contact option so let's cross this out and it's time to click on publish so now let's give a name here my site all right it's looking good now click on done and now we will be able to edit the mobile site as well so let's click on cross and then i'm going to review this preview this site so let me click here preview and just take a look how beautiful it is going to look like okay so every functions are working perfectly all right so we have built this website from the scratch and if you just click on any of any one of these and course it is going to lead us to this section of the page so let's say i want to visit contact us page from the home page directly so let's click here it is going to take us to the contact form so that was the process of creating a website with wix website editor and if you want to learn how to make this website mobile responsive you can simply click on this back to editor select mobile mode and then click here and then we'll be able to see how our website is currently looking like on a mobile device so what i'm going to do i'm going to place this image here and then i'm going to place this button here and i'm going to make this section a little bit smaller so oops not this one here we go here's the button just take a look so it is going to look much better all right so let's do this here again all right so it is going to look cool okay it's going to look cool here so now let's say we are we are seeing all the other things are looking really nice here so we don't want to uh edit much but i want to reduce the size of this about us text so we can simply do this 40 and it's going to look perfectly so whatever change you are going to make here for the mobile device it is it will be placed especially for your mobile device only okay it is not going to affect anything on your desktop mobile desktop version so i am seeing everything looking perfect or closer with my desktop version so i don't want to customize this mobile but if you want to then just simply click on preview then you'll be able to see how it is actually looking like and just take a look how our buttons are going to appear click on about it is going to lead us to this about page and we'll be able to uh click on this learn more button where we have added our facebook url so we are visiting facebook as well so that was the process of customizing your website and as you can see it is now currently responsive to mobile devices as well so i believe i was able to help you learn the process of customizing your website and creating a website from the scratch on wix website builder platform if you have found this video helpful please give this video a like and share this video to help your friends and subscribe to my channel to get more helpful videos on website design and development in near future i hope to see in the next video thank you very much for watching .

Video Discription

Thoroughout this video – I have shown – how to make a website easily with WIX step by step from the beginning.

Even if you are a complete beginners – still you will be able to build a website easily by using WIX website builder.

WIX is a drag and drop website builder, even if you are a complete beginner – still you will be able to create beautiful, professional looking websites by using its easy to use features.

Start creating websites on WIX:

GIFT: Get Premium Courses FREE for 60 Days on Skillshare:

😍 Recommended Resources:

# Hosting I use:

# Checp Hosting:

# Get a Domain Name:

😍 # 1 Youtube SEO Optimization Tool:

If you are interested to get regular updates:

🔔 SUBSCRIBE:
👍 Facebook:
📸 Instagram:
🌐 Website:
📥 Email: mdrafy9@gmail.com

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

* The information on the videos and the resources available for download/viewing through this YouTube Channel are for educational and informational purposes only.​

**By making a purchase through any of the affiliate links above, I (Azharul Rafy) receive a very small commission at no extra cost to you. This helps me keep on my mission to provide quality education to you. Thank you!