Оценка сайта-визитки, улучшение, доработка.

Посоветуйте, как сделать страницу "Про нас" и "Контакти", и что можно улучшить. Сайт Laserfan.wox.su.
Спасибо

Пожалуйста

Содержание Меню с телефона отображается слишком маленьким

Uran , я тоже это увидил, надо будет решить, но на ПК, когда окно уменшить, всё работает на УРА, а вот в режыме смартфона....

Ivangg (15.08.2020 в 12:03)
Uran , я тоже это увидил, надо будет решить, но на ПК, когда окно уменшить, всё работает на УРА, а вот в режыме смартфона....

... а в режиме смартфона, отображение страницы можно отрегулировать при помощи @media-запросов.

Например:

 .menu { 
 width: 10% 
 } 
  
 @media screen and (max-width: 768px) { 
 .menu { 
 width: 100% 
 } 
 }

1. По @media screen and тебе уже отписали.
2. Понятно что твои работы итд итп, НО .....
Где-то хоть что-то разбей разделитель блоков. Либо добавь хоть минимальный контраст цвета.
А то как в тетрадь (чистый лист с наклейками) посмотрел
3. Делай таблицу и будет тебе счастье.
- тебе удобно делать правки.
- гостю удобно смотреть.
Пример:
http://vip.maminforum.com/pages/novostnoi_kontent

html

   <style type="text/css"> 
 #table0 { 
 display: table; 
 width: 100%; 
 text-align: center; 
 } 
 #table1 { 
 display: table; 
 width: 100%; 
 text-align: center; 
 } 
 #table2 { 
 display: table; 
 width: 100%; 
 text-align: center; 
 } 
 .row {display: table-row;} 
 .cell0 {display: table-cell; width: 100%; text-align: center;} 
 .cell { 
 display: table-cell; 
 border-width: 1px;  
 border-color: black;  
 border-style: solid; 
 } 
 .cell1, .cell3 { 
 display: table-cell;  
 width: 20%;  
 } 
 .cell2 { 
 display: table-cell;  
 width: 60%; 
 } 
 #zagh1 { 
 // Все настройки заголовка h1 
 } 
 #zagh2 { 
 // Все настройки заголовка h2 
 } 
 </style> 
 <!--Верх, а-ля объявление, сюда можно ставить различные слайдеры-->  
 <div id="table0"> 
 <div class="row"> 
  <div class="cell0"><h1 id="zagh1">Заголовок/Объявление</h1> 
  Сюда вставляем слайдеры и любую инфу 
  </div> 
 </div> 
 </div> 
 <!--Заголовок основной таблицы--> 
 <div id="table0"> 
  <div class="row"> 
   <div class="cell0"><h1 id="zagh1">Заголовок/Основная таблица</h1></div> 
  </div> 
 </div> 
 <!--Основная таблица:-->  
 <div id="table1"> 
 <!--Заголовки блоков--> 
 <div class="row"> 
  <span class="cell1"><h1 id="zagh1">Блок левый</h1></span> 
  <span class="cell2"><h1 id="zagh1">Новости</h1></span> 
  <span class="cell3"><h1 id="zagh1">Блок правый</h1></span> 
 </div> 
 <!--Левый блок:--> 
 <div class="row"> 
   <span class="cell1"> 
     <div id="table"> 
   <div class="row"> 
         <div class="cell"><h2 id="zagh2">Заголовок1</h2> 
         Сюда ставим всякие кнопочки, информеры, менюшки, ссылки.. 
        </div>  
       </div>    
   <div class="row"> 
         <div class="cell"><h2 id="zagh2">Заголовок2</h2> 
         Сюда ставим всякие кнопочки, информеры, менюшки, ссылки.. 
        </div>  
       </div> 
   <div class="row"> 
        <div class="cell"><h2 id="zagh2">Заголовок3</h2> 
         Сюда ставим всякие кнопочки, информеры, менюшки, ссылки.. 
        </div>  
       </div> 
   <div class="row"> 
        <div class="cell"><h2 id="zagh2">Заголовок4</h2> 
         Сюда ставим всякие кнопочки, информеры, менюшки, ссылки.. 
        </div>  
       </div> 
   <div class="row"> 
        <div class="cell"><h2 id="zagh2">Заголовок5</h2> 
         Сюда ставим всякие кнопочки, информеры, менюшки, ссылки.. 
        </div>  
       </div> 
 </div> 
   </span> 
 <!--Центр:-->  
   <span class="cell2"> 
      <div id="table2"> 
    <div class="row"> 
         <span class="cell0"> 
 Новостной блок 
 </span> 
        </div> 
  </div> 
   </span>  
 <!--Правый блок:--> 
   <span class="cell3"> 
    <div id="table"> 
   <div class="row"> 
         <div class="cell"><h2 id="zagh2">Заголовок1</h2> 
         Сюда ставим всякие кнопочки, информеры, менюшки, ссылки.. 
        </div>  
       </div>    
   <div class="row"> 
         <div class="cell"><h2 id="zagh2">Заголовок2</h2> 
         Сюда ставим всякие кнопочки, информеры, менюшки, ссылки.. 
        </div>  
       </div> 
   <div class="row"> 
        <div class="cell"><h2 id="zagh2">Заголовок3</h2> 
         Сюда ставим всякие кнопочки, информеры, менюшки, ссылки.. 
        </div>  
       </div> 
   <div class="row"> 
        <div class="cell"><h2 id="zagh2">Заголовок4</h2> 
         Сюда ставим всякие кнопочки, информеры, менюшки, ссылки.. 
        </div>  
       </div> 
   <div class="row"> 
        <div class="cell"><h2 id="zagh2">Заголовок5</h2> 
         Сюда ставим всякие кнопочки, информеры, менюшки, ссылки.. 
        </div>  
       </div> 
    </div> 
   </span> 
 </div> 
 </div> 
 <!--Самый низ а-ля футер:--> 
 <div id="table0"> 
 <div class="row"> 
  <div class="cell0"><h1 id="zagh1">Заголовок/низ</h1> 
  Сюда вставляем слайдеры и любую инфу 
  </div> 
 </div> 
 </div>

Вообще есть куча вариантов с таблицами.
Могу помочь если надо

________
посл. ред. 15.08.2020 в 12:57; всего 1 раз(а); by nefakt

Не хватает оптимизации изображений и в целом дизайна под смартфоны

Тс, используй бутстрап для моб адаптации, на телефоне не очень красиво смотрится.