V
V
Viktormare19742018-05-21 14:51:11
Layout
Viktormare1974, 2018-05-21 14:51:11

First experience in layout: what's wrong?

Good afternoon, dear experts!

spoiler
В продолжение своего вопроса 44 года можно ли еще стать востребованным специалистом в IT? привожу свой первый "блин-комом" по опыту в верстке. Прекрасно понимаю, что это полный говнокод, и у профессионалов будет шок и ужас от увиденного, но я был бы благодарен за конструктивную критику, поскольку посоветоваться или получить учительской линейкой по голове не от кого, а свои ошибки чаще всего не замечаешь, хотя к концу "работы" над своим творением, я уже понимал сколь много я их понаделал.

I wanted to do something at least a little reminiscent of this https://nikoskoulis.gr/ with the available tools (HTML5 CSS3 Bootstrap3) and complete ignorance of jQuery.
I was primarily interested in the adaptability of the page. I would be grateful for any criticism, especially what irritates the most, causes righteous anger, etc. I could not solve the problem in the correct display of the page in IE and the pop-up menu on the left at a monitor resolution of 500px and below.
Page: pervyopyt123.ucoz.net/index.html
Files, who are interested: https://cloud.mail.ru/public/NDQU/roqTmhPKJ
Thank you in advance to all who answered.

Answer the question

In order to leave comments, you need to log in

4 answer(s)
T
TheRevan, 2018-05-21
@Viktormare1974

1. Forget about bootstrap, use flexboxes
2. Use swiper-slider - for sliders
3. Read about project builders and preprocessors, such as gulp and scss Tyk
4. We took too complicated a site for a start, I don’t even make it exactly like that, although I have 3 years of experience, it’s better to find ready-made psd layouts on the internet and stupidly make them and fill them with non-standard content (because template texts in the portfolio are sent off)
5. Do not use icon fonts, now everyone uses svg sprites, here is a service if anything for generation :
6. For the host, use beget - it's free
7. For any hover element, the state must be changed (you have items in the footer without hover, the same with social icons, header and logos)
8. Well, your code is quite clean, don't worry, it can get worse... often worse

L
l4m3r, 2018-05-21
@l4m3r

Can't view files (ucoz and mail are blocked at work).
But you have chosen a VERY bad example for copying. Try something standard: yes, the same toaster, at least!
PS: forget about ucoz. One name immediately associated with govnokodom. A bunch of free or cheap hosting.

E
Eugene, 2018-05-21
@iamd503

Try not to use bootstrap, for some reason beginners use it as soon as they start typesetting. From there you can take the grid. And everything seems to be normal

M
Maxim Timofeev, 2018-05-22
@webinar

I didn’t quite understand how https://nikoskoulis.gr/ looks like your site. Also about the clock? For a first try, not bad. But it has nothing to do with the original, both in design and layout, even ideologically, conceptually - this is a different site. Want to get your hands on layout? Find the site design (picture) and make it 1 in 1.
<div class="container-fluide">- As I understand it, this is a typo, container-fluid, it's surprising that nothing moves out.
Advice: never, for anything, use ucoz and similar projects. Buy cheap hosting, vds is better, there are a lot of free domain zones (for example , .cf ), there is github, there are a lot of other projects, but not ucoz. 99 rubles per month (pack of cigarettes, 2 cans of bad beer).

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question