Personal web page

→ How to make a personal website (vCard Business Card) HTML5 Responsive

• Report rights infringement
• published: 11 Oct 2015
• views: 1339

Download FREE PREMIUM HTML5 template of a personal web site responsive at this link: http://goo.gl/J6Tk0n How to edit the templates of templatemo ----------------------------- You can find more resources and web design FREE: http://www.nidiaSdesign.com - https://twitter.com/nidiaSdesign - https://www.facebook.com/nidiaSdesign01 ------------------------------------ Audio text tutorial: Download, and edit: this website, virtual business card. To edit, and implement your personal data and professional; You not need to know code. Just look at the example in the video. For this example, we use Dreamweaver. The download links are in the video description. Subscribe! and gives like to receive more free materials. Here, we see, the web template, with: original data. Are you, going to change, without knowing code !: Photo, Name, Specialty Abilities, Education Social media, Etc. Look !. the design is responsive. That is: it adapts, to the screen, of any device: mobile, desktop, lap top, Tablet, iPhone, iPad, smart phone, etc. !. Even, if you, manually change: the screen size: the content fits: Automatically !. Also, you can change: the theme color. Currently, it is blue. But, already it has been programmed, in: green, gray, and orange. The download, includes, all the necessary files. For example, to change background images: just replace them, why you want. To do this, you should, only change the file name. Let's see an example, the profile picture: without knowing code. If you know, a little code, you'll notice that you can change: typography, CSS files; and all you want to change !. All right. To enter the field: Throw the software Dreamweaver, Adobe. And, we will open the index file. We started to, change the name. Suppose, your name is: Juan Perez. Edit the name, directly. Now, occupation, or activity; it is blank. Do not worry, change the code, without fear. Replaces, the text, of the template; careful editing, ONLY, the: position. Come up with your photo. How do you change ?. Very easy. Look. Copy a picture; which must measure: 250 pixels, in length, and width. Ok? . You're going to copy, in the images folder. The trick is this: copies the name, photo template; and paste it, in the name, of, your photo. OK? Now, you go back to the software: dreamweaver. And you go to the File menu !. And you choose, the option, ave. Not seen, in the video, but, is option to save. Now, open the file, index, with Google Chrome. And ready !. No code is now: your photo, your name, and your occupation. perfect!! Change, skills !. Return to Dreamweaver. Simply locate the section, and edit it !. It is intuitively identify; change data. Try !. Look at the example. come in please! Since you just edited. Go to the menu: File !. And choose the option: Save !. Open the file: index !. And click on Refresh. I do not believe it!!. Your most important skills: updated. We are going to change, some other data. As an example, that you see, that you can !. For example, as we have done: change the data section: education !. Come on friend! , you can!. In section contact. Write, your personal data. You can update, too; section languages ​​!. Although, it could occupy the space for other information, that, you consider important. In this template, the icons of social networks; no link. To place the links to your social networks; simply put the links, in place that'll , show in code. I, alone, am going to place; my fan page. You can change, twitter and other networks. It spoiling, learn: do not worry! Do it!!. Ready?!. Now come to the menu: File. And, we choose the option: Save !. Now, we update the index file, in Google Chrome. Look, we update the sections, as shown our data. Check, we will have to make some adjustments. They are lower. Some sections, not upgraded, but, you, can. with what we've seen so far. I forgot it!. If you want to customize, completely your site. You can change, the background images. how?. In exactly the same way, as we change, your photo. you remember?. Just we make sure, we have, the same measures, as the original. Copy the images, to the folder: images. And, we substitute, the filename; by, that of the original. Right?. If you have questions, comments the video. Subscribe !. Because, climb, more tutorials.