pavki/hr_qa_sbs_best_bad huggingface dataset:
Вопрос: Как вывести заголовок и текст?

Лучший ответ: Как уже ответили выше, надо воспользоваться циклом. Хотелось бы добавить пару рекомендаций:
1) Не стоит использовать ф-ции семейства mysql_, они устарели. Вместо них надо использовать mysqli_ или PDO
2) Не стоит смешивать модель данных и работу с базой данных, получится много дублирования кода, т.е. лучше твой класс разделить на два, что-то вроде:class Sql {

	private $connectionData = [];

	public function __construct(array $connectionData) {
		$this->$connectionData = $connectionData;
	}
	
	public function connect(){
		$ret = false;
		$dbLink = mysql_connect(
			$this->connectionData['host'], 
			$this->connectionData['username'], 
			$this->connectionData['password']
		);
		if (mysql_select_db($this->connectionData['dbname'])) {
			$ret = $dbLink;
		}
		return $ret;
	}
	
	public function get_results($sql) {
		$ret = false;
		$results = mysql_query($sql);
		if (mysql_num_rows($results)) {
			$ret = [];
			while ($row = mysql_fetch_assoc($results)) {
				$ret[] = $row;
			}
		}
		return $ret;
	}	
}

class ArticlesModel {
	private $dbLink = null;
	
	public function __construct($dbLink) {
		$this->dbLink = $dbLink;
	}
	
	public function getAll(){
		return $this->dbLink->get_results('SELECT * FROM `articles`');
	}
}

$connectionData = [
	'host' => 'localhost',
	'username' => 'mysql',
	'pass' => 'mysql',
	'dbname' => 'mysite',
];

$dbLink = (new Sql($connectionData))->connect();
if (!$dbLink) trigger_error("Can't connect to DB", E_USER_ERROR);

$articlesModel = new ArticlesModel($dbLink);
if (!$articlesModel) trigger_error("Can't create articles model", E_USER_ERROR);

if ($articles = $articlesModel->getAll()) {
	foreach ($articles as $article) {
		echo '<h2>'.$article['title'].'</h2>';
		echo '<p> '.$article['text'].'</p>';
		echo '<hr />';
	}
}
Разумеется это не идеальный, простой пример разделения логики, чтобы тебе было понятно как это работает

Худший ответ: Циклом конечно. Но надо знать структуру базы чтобы подсказать код.
foreach($check ){
echo $check[0]." ".$check[1];
}
Вопрос: Нечто вроде графического редактора формул. Java?

Лучший ответ: Привет, посмотри этот сайт. Похоже там есть та функция, которую ты ищешь. Сайт Open source, так что если есть желание, все исходники тут.

Худший ответ: Хороший редактор формул на Java mirai.
Вопрос: Возможно ли развернуть локальную систему контроля версий, т.к. нет подключения к интернету?

Лучший ответ: Конечно можно. 
Все современные системы контроля версий можно использовать локально. 
А распределенные системы контроля версий (DVCS) такие как Git или Mercurial вообще строятся из взаимодействующих локальных репозиториев.
Даже старушка SVN позволяет создать локальный репозиторий.
Если стоит задача развернуть систему контроля версий в локальной сети организации, то есть несколько способов.
1. Развернуть локальный сервер Git с помощью gitlab или gitolite. 
2. Организовать pull-модель разработки внутри сети, когда ведущий разработчик сам собирает изменения с репозиториев подчиненных в свой главный репозиторий и выполняет сборку из него. То же самое можно сделать и на Mercurial. 
3. Поставить Mercurial на сервер.
4. Или по старинке, поставить SVN на сервер. Ссылок даже давать не буду, так как делать этого не нужно.

Худший ответ: apt-get install mercurial
cd /path/to/workdir
hg init
hg add .
hg ci -m 'Initial commit.'
В дальнейшем:
hg addremove
hg commit -m 'Mnogo sdelal snova.'
Вопрос: Есть ли плагин для Wordpress для создания Q&amp;A?

Лучший ответ: wordpress.org/extend/plugins/qa/ подойдет?

Худший ответ: www.elegantthemes.com/gallery/askit/
не плагин правда, но для Q&A тема отличная. возможно возьмёте что-то из неё.
Вопрос: Как решать конфликты в git?

Лучший ответ: понять как устроен git на уровне консоли а не gui

Худший ответ: Попробуйте https://www.sourcetreeapp.com/ я не пользовался, ибо все это приблуды для ламерков, но может это то, что вы ищите
Вопрос: примеры красивого Python кода для обучения

Лучший ответ: Мне было интересно изучить нутро Flask/Werkzeug и сопутствующих проектов зонтичного бренда Pocoo.
+ SQLAlchemy и WTForms

Худший ответ: Я изучаю Tornado и WebPy
Вопрос: Как сделать bxslider адаптивным?

Лучший ответ: Воспользуйтесь owlgraphic.com/owlcarousel
он отлично справляется с адаптивностью

Худший ответ: kenwheeler.github.io/slick хорошо для этого подходит.
Можно указать на каком разрешении какое количество слайдов выводить.
Вопрос: Как реализовать бесконечный список?

Лучший ответ: Во-первых, реализация тут будет несколько отличаться в зависимости от верстки, а конкретно, если наш внешний блок имеет position == absolute || relative || fixed то задаем нашему листу position: absolute и работаем с его свойством top, в ином случае придется работать с свойством margin-top, что медленнее в отрисовке.
Собственно по реализации:
я допущу, что у Вас уже сохранен jQuery объект списка в переменной $list, что работаем мы все таки со свойством top и у Вас уже где-то есть таймер в котором это свойство top уменьшается, вот туда нужно будет добавить следующий код:var $li = $list.find('li:eq(0)');
var h = $li.height();
var top = +$list.css('top');
if(top < -2 * h) { //если список поднялся больше чем на 2 высоты 1 элемента
    $li.remove().appendTo($list); //перемещаем элемент в конец списка
    $list.css('top', (top + h) + 'px'); //опускаем список на высоту элемента,
                         //так как мы его убрали вначале
}

Худший ответ: Тебе нужно блок который ушел вверх с области видимости перемещать вниз блока.
Что то на подобии такого $('#list li:eq(0)').appendTo($('#list'));
Он ищет в списке первый элемент и перемещает его в конец
Вопрос: Как организовать изображение-карту с гиперссылками?

Лучший ответ: Судя по «PS» — да, для Вас ничего не изменилось и нужно делать все через img map area;

Худший ответ: Про SVG не думали?
Вопрос: Какой модуль личного кабинета есть на Joomla?

Лучший ответ: www.joomlaplus.ru
Но это не совсем нормально. Работа с счетом немного зартуднительна и требует большей подготовки пользователя,  чем например работа с подписками которую просто оплатил и получил доступ.
Еще одни недостаток счета, это занимает больше времени и кликов, что по дороге теряет клиентов. Ведь передумать так глегк.
Так же ни кто не хочет что бы его деньги валялись без дела гед то на балансе чегото. А если ты положил и сразу все еспользовал, то зачем баланс и усложнять все, не лучше ли сразу просто оплатить что надо?
Так что я рекомендую использовать связку Cobalt - Emerald и без личного счета. Просто если что то надо пошел и купил.

Худший ответ: подскажите как реализовать подобие личного кабинета типа www.velton.ua/ru/rsc для того чтобы клиент мог зайти и проверить состояние своего лицевого счета? можно это сделать на Cobalt?
спасибо за ответ!
Вопрос: Какой есть свободный сервер разработки (git, трекер задач, канбан)?

Лучший ответ: Если хотите установить на свой сервер, то лучше будет AgileTeam. Он бесплатный и без ограничений, с открытым кодом.

Худший ответ: Канбан -  trello.com
Вопрос: Как исключить подгруппу из группы в регулярном выражении?

Лучший ответ: Регулярки и хтмл, хтмл и регулярки…
stackoverflow.com/questions/1732348/regex-match-open-tags-except-xhtml-self-contained-tags/1732454#1732454

Худший ответ: Вы ведь получается ее и ищете, как ее исключишь?
Вопрос: Кто несет ответственность на разных этапах при создании сайта?

Лучший ответ: Есть договор, где прописаны ответственность сторон, согласно ему и определяется кто прав, а кто нет. 
Но исходя из общепринятых норм, верстка- верстальщику, программирование - программерам. Вообще эти процессы не должны быть разорваны во времени. Это вполне ожидаемо, что на этапе разработки понадобились доработки верстки. 
Ответственным за такие не состыковки, должен быть менеджер проекта. Который ставил задачи верстальщикам и писал Т.З. Судя по всему это Вы.
Единственно не понятно почему нет верстальщика на подхвате. С ним договор должен был быть, что он обязан до сдачи проекта быть на подхвате. Но опять таки это проблема плохой организации. Если Вы заказчик, надо было такой крупный проект отдать компании, которая взяла бы все геморы на себя. Но Вы видимо решили сэкономить. Так если сэкономили, почему бы не подкинуть денег стороннему верстальщику, который оперативно решит все проблемы?

Худший ответ: Ответственный ли следующий подрядчик за приемку исходников от предыдущего?
Нет, конечно. 
Кто отвечает ? - владелец продукта, продакт-менеджер отвечает. Он все сверяет и тестирует.  
То, что требуется доработка верстки - ситуация более, чем рядовая. Считать, что кто-то ее должен был принять в окончательном виде, когда не готов бекенд, - странно. Как на практике можно решить подобную ситуацию?
Доработать верстку, благо найти желающих на такие задачи  в любой ценовой категории хватает. 
Почему изначальные верстальщики не дорабатывают, непонятно.
Вопрос: Есть ли перспективы у Web-дизайнера-самоучки при современной конкуренции?

Лучший ответ: Чуть ли не ежедневный вопрос на тостере. Конечно же перспектив никаких нет. Конкуренция огромна, и Вам никогда ничего не добиться, занимаясь вышеперечисленным. Идите работать на завод :)

Худший ответ: Качественную работу всегда видно и всегда будет спрос. Так что работайте, совершенствуйтесь, наполняйте своё портфолио и тогда вы не будете "одним из тысячи со средней профпригодностью".
Вопрос: Как убрать увеличение картинок?

Лучший ответ: на будущее - все что касается CSS, можно найти нажав Ф12, слева по центру экрана увидишь лупу, наводишь на нужный елемент ииии...
Дальше заходишь в CSS фаил под этим названием, и меняешь или удаляешь эти значения. Найти строку также легко, пользуйся CTRL+F

Худший ответ: .portfolio .portfolio-item:hover .img-item img
уберите transform для этого селекта
Вопрос: Хорошие, впечатляющие книги о приемах программирования

Лучший ответ: Алгоритмические трюки для программистов, Генри Уоррен

Худший ответ: Интересно будет попробовать функциональный стиль программирования и программирование основанное на правилах ( rule-based programming ). Наиболее известные представители — Háskell и wolfram mathematica. О математике как о языке программирования хорошая книга Mathematica.Cookbook.
Вопрос: Почему данный Juqery скрипт прячет только один div,а не два?

Лучший ответ: Проблема в<div id="diver"></div>
<div id="diver"></div>
id это уникальный идентифектор, поэтому если например заменить id на class<div class="diver"></div>
<div class="diver"></div>$('.diver').hide();
прячет оба элементаjsfiddle.net/a3dhqgca

Худший ответ: id уникален!! Он должен быть только 1 с 1 именем! Дайте тегам класс
Вопрос: Объясните php скрипт?

Лучший ответ: тому кто это написал, стоит прострелить колено..
вот код с комментариями о происходящем$inputArr = file('input', FILE_SKIP_EMPTY_LINES); // читаем из файла все данные
$outputArr = []; // пустой выходной массив

foreach ($inputArr as $line) { // читаем построчно входные данные
	list($ip, $mask) = explode('/', trim($line)); // разбиваем строку на $ip и $mask, по разделителю '/'
	$ipAsLongInt = ip2long($ip); // Преобразуем ip адрес в десятичное число
	$ipAsBinary = decbin($ipAsLongInt); // Преобразуем число в бинарное число
	$ipAsBinaryWithCorrectLength = str_pad($ipAsBinary, 32, 0, STR_PAD_LEFT); // дополняем слева нулями до длинны 32 символа
	$outputLine = substr($ipAsBinaryWithCorrectLength, 0, $mask); // Копируем из строки только первые $mask символов
	$outputArr[] = $outputLine;
}

$outputRaw = join(PHP_EOL, $outputArr); // Соединяем все строки из массива символом перевода строки
file_put_contents('output', $outputRaw); // Записываем данные в выходной файл
И ответ: да, этот код делает то, что надо

Худший ответ: Да, по идее сможет.
если его разобрать на отдельные функции, получится как-то так:$input_lines = file('input.txt', FILE_SKIP_EMPTY_LINES);
    $output_lines = [];
    foreach ($input_lines as $line) {
        $line = trim($line);
        list($ip, $mask) = explode('/', $line);
        $ip_as_long = ip2long($ip);
        $ip_as_bin = decbin($ip_as_long);
        $padded_bin = str_pad($ip_as_long, 32, 0, STR_PAD_LEFT);
        $output_lines[] = substr($padded_bin, 0, $mask);
    }
    $out = join(PHP_EOL, $output_lines);
    file_put_contents('output.txt', $out);
Если какие-то функции незнакомы - смотрите в документацию, там вверху поиск есть.
Вопрос: Как ограничить количество подключений к порту в linux?

Лучший ответ: iptables -I INPUT -p tcp --syn --dport 80 -m connlimit --connlimit-above 10 -j DROP
Если для UDP это не прокатит, придется делать непосредственно через модуль conntrack

Худший ответ: Проще это будет сделать средствами сервиса.
Для TCP - сервиса можно поискать решение с IPTABLES или с использованием xinetd. Второе даже проще:service test
{
    instances = 10 # ограничение в 10 штук
    sock_type =     stream
    protocol =      tcp
    wait =          no
    user =          root
    server =        /home/me/bin/testsmpp        
    redirect =      127.0.0.1 8000
}
Для UDP - маловероятно, что что-то получится, так уж устроен UDP
Вопрос: Как вернуть в Firefox просмотр pdf??

Лучший ответ: Посмотрите тут: 

Худший ответ: Chrome не способен заменить Firefox. Переходить на Chrome из-за PDF глупо. Рекомендую Sumatra PDF — быстрый и лёгкий просмотрщик PDF, отлично интегрируется в браузер.
Вопрос: Как убрать зависимость?

Лучший ответ: А можно код?

Худший ответ: Если элементы списка - inline-block'и, то дело в вертикальном выравнивании. Попробуйте поставить блокам vertical-align: top.
Вопрос: Какой CSS фреймворк используется?

Лучший ответ: Никакой. Судя по префиксам классов - ha, можно сделать вывод, что разработчики сами написали весь css. Да и по размеру основного css файла.
А вообще подобный дизайн можно просто сделать на основе bootstrap 3. bootswatch.com/flatly - вот вам основа
PS далее сайт сделан на boostrap2, вроде. Лендинг - самопис.

Худший ответ: Само писаный, очень похожий на бутстрап, знаю дизайнера который рисовал это рисовалось для бутстрапа!
Вопрос: Как для темы WP правильно указать путь к файлу в js?

Лучший ответ: Вот так реализовывал я:<div  id="google-container" data-uri="<?php echo get_template_directory_uri(); ?>">
    </div>var uri = $('#google-container').attr('data-uri');
var marker_url = uri + '/img/map_pin.png';

Худший ответ: Сделайте вывод скрипта из шаблона. Например:echo '<script type="text/javascript"> $.ajax({ type: "POST",
url: "' . get_template_directory_uri() . '/mail.php",
data: { form : formElement.serialize() } })</script>';
Вопрос: Чем чревато обилие modal'ных окон?

Лучший ответ: одно модальное окно, в которое данные подгружаются аяксом в зависимости от выбранной позиции

Худший ответ: Подробное описание выделяют на отдельную страничку из-за Сео. Обычно будущее модальное окно просто разметка и обрабатывается js при наведении. Не должно сильно затормозить.
Вопрос: Как реализовать аутентификацию пользователя на собственном сервере из мобильного приложения с использованием входа через соц. сети?

Лучший ответ: Определяем UUID, ищем в базе этот UUID.
При отсутствии этого UUID: привязываем к первому E-MAIL (вручную: логин+пароль или OAUTH) и отправляем на сервер, затем просим ввести желаемый LOGIN в системе.
К LOGIN привязываем UUID.
Получается связка: LOGIN->UUID->E-MAIL
При входе из другой соц.сети: по UUID также кладёте новую почту на сервер.
При входе с почтовым адресом - определяете UUID на основе имеющейся почты (дочерние элементы) и дальше - разветвление:
1. ОДИН метод - авторизация через него.
2. НЕСКОЛЬКО (несколько соц.сетей OAUTH, пароль) - выводим список возможных методов (НЕ E-MAIL-ОВ!)
В общем, структура в итоге для одного аккаунта:LOGIN->[UUID-1]->[E-MAIL-1]
.............................
LOGIN->[UUID-1]->[E-MAIL-N]
.............................
LOGIN->[UUID-N]->[E-MAIL-N]
Структура позволит зайти как с нескольких устройств (в том числе новых), так и с несколькими методами авторизации для всех этих устройств (вне зависимости от ОС и платформы).

Худший ответ: 2) Допустим в приложении есть возможность использования 2 соц-сетей. Как безопасно заставить сервер распознавать пользователя как одного человека, если в какой-то момент от вышел из одного аккаунта, а потом решил зайти под аккаунтом другой соцсети?
обычно это делается с помощью email - если email совпадает то это один юзер
Вопрос: Что выбрать во фрилансе: фронтенд, бэкенд или мобайл?

Лучший ответ: Верстать не скучно, если вам нужно не только сверстать а еще и всю клиенсткую логику реализовать. Только html+css никому не нужны, во всяком случае я считаю таких разработчиков лишним звеном. А вот нормальные front-end разработчики - это хорошо.
Фронтэндщики на фрилансе могут делать многое: собственно фронтэнд, верстка и реализация клиентской логики, разработка одностраничных приложений, мобильные приложения с использованием phonegap или что-то подобное... Интересных задач хватает.
На постсоветском пространстве рулят PHP, как бы там не кричали что язык так себе. Все языки не лишены недостатков. Да и с заказами проблем нету, как и с фреймворками, средствами тестирования/разработки, менеджерами пакетов и т.д. По сути разницы сейчас нету, брать php или питон (он тоже не лишен пережитков старых версий, проблем каких-либо). Руби свой пик популярности уже пережил, язык крутой, но меня лично раздражает подход к разработке навязываемый им. Так же есть еще своя ниша где царит javascript/node.js
Я не люблю java, но тут ничего не поделать. Можно конечно писать на xamarin + c#, но толку? java не краткий язык, это правда, но по сути не так уж там все и страшно. Попробуйте.
Сейчас время такое, что не особо важно где вы живете. Главное что бы интернет был и стремление учиться. Удаленную работу всегда можно найти, так что все же выбирите то направление которое вам нравится, но не ограничивайтесь этим, просто пробуйте что-то еще.

Худший ответ: Берите "Фронтенд" (который включает "верстку") - почти всем хочется иметь уникальный дизайн.
Вопрос: Добавление записей на стену вконтакте со стороннего сервера?

Лучший ответ: Может это противодействие спаму? Чтобы приложения, без ведома пользователей не постили на стены спам.

Худший ответ: ответ — никак.
тоже столкнулся с этой проблемой, решения нет (закрыли возможность буквально в начале ноября).
Ну или вариант — использовать wall.post через JS API.
Вопрос: Как составить план передачи знании для нового сотрудника?

Лучший ответ: В этом конкретном случае можете передать знания устно, паралельно делая себе примечания для создания базы знаний (можно закрытую). По мере адаптации нового сотрудника, он будет задавать вопросы, а у вас появиться прозрение как лучше структурировать материал, что важнее, а что нет. Предложите и другим сотрудникам, новичкам (в форме «как я понял как это и то работает») делиться знаниями в форме новых статей для базы знаний, а вы из редактируйте при необходимости. Со временем обучать новых сотрудников будет легче.

Худший ответ: Научитесь вести уже вики
Вопрос: Ubuntu постоянно тормозит и садит батарею

Лучший ответ: Сама убунта понимает, что она на ноутбуке?

Худший ответ: Батарею ноутбук жрёт если не установить драйвер видеокарты. В своё время пытался использовать FreeBSD, но пришлось отказаться в связи с отсутствием драйвера. В Ubuntu драйвер ставится через Администрирование — Драйверы устройств. По крайней мере у меня после установки драйвера ATI/AMD ноутбук работает также, как и в Windows.
Вопрос: Какой html5 редактор сайта использовать для создания landing page?

Лучший ответ: Попробуй kd.io.
Это онлайн IDE, должно подойти.
Но лучше всего делать в полноценных редакторах, такой как Sublime Text.
Есть еще полу решение для тебя, это Atom нашумевший за последние дни редактор от GitHub, или Brackets от Adobe.Vico, или Vim если у тебя есть яйца.

Худший ответ: Описанные редакторы позволяют в визуальном режиме создавать лендинги аналогично lpgenerator? Нужен простой редактор, которым смогут пользователи, которые не имеют опыта работы с кодом.
Вопрос: Где можно найти описание классов java?

Лучший ответ: В IntelliJ IDEA курсор на интересующий класс/метод и Ctrl+B == все что нужно для глубокого понимания внутренней структуры.

Худший ответ: Есть учебник по Java. Про звук немного написано здесь
Вопрос: Как упростить разработку на php новичку?

Лучший ответ: Рекомендую в качестве IDE использовать phpstorm, в нем есть все нужное и ненужное.

Худший ответ: 1. настроить локальную систему для тестинга. apache + php + mysql. не бойтесь, тут все настраивается просто и мануалов — кучи. есть еще автонастраиваемый комплект всего вышеперечисленного, называется «денвер», но сам я не юзал, сказать ничего не могу. но говорят, что он устанавливает все это добро в 2 клика

2. использовать нормальное IDE для написания PHP. например, PHP Designer. он, к тому же, автоматом настраивает xdebug, что позволяет запускать и дебажить пхп код прямо в IDE.

3. по поводу фреймверков — тут надо быть аккуратным. сначала познать азы, а не пытаться сразу прикрутить хрен знает что
Вопрос: Что это такое в коде странички сайта?

Лучший ответ: Да, это JSON.
В JSON данные записываются в ASCII 0-127. А все, что не влазит, записывается как коды uncicode ("\u0418\u0432\u0430\u043d\u043e\u0432" это "Иванов").
В PHP такое можно раскодировать примерно так:$json = '{"str": "\u0418\u0432\u0430\u043d\u043e\u0432"}';
    $obj = json_decode($json);
    print_r($obj);

Худший ответ: Да, это JSON.
В JSON данные записываются в ASCII 0-127. А все, что не влазит, записывается как коды uncicode ("\u0418\u0432\u0430\u043d\u043e\u0432" это "Иванов").
В PHP такое можно раскодировать примерно так:$json = '{"str": "\u0418\u0432\u0430\u043d\u043e\u0432"}';
    $obj = json_decode($json);
    print_r($obj);
Вопрос: Как разобрать такой POST ответ? API интернет-магазина

Лучший ответ: Написать разработчикам этого магазина вопрос «Что вы ЭТИМ имели в виду??» вероятно найдется и скрипт, выдающий ответ в нормальном виде, уж больно сильно этот смахивает на отладочный интерфейс.

Худший ответ: Тех поддержка ответила. Сказала что там есть поле для ответа скрипта. Туда нужно вставить адрес нашего скрипта, на который придет post ответ. По умолчанию, там как раз была ссылка в которой и было прописано print_r();
Вопрос: Выполнение скрипта раз в секунду?

Лучший ответ: крон, в кроне цикл, в цикле sleep(1) - 1 секунда, и условие если счётчик цикла = 20 то произвести какое-то действие

Худший ответ: Аукционы - приложения реального времени. И задержки там крайне нежелательны, а то и вовсе недопустимы. Используйте более подходящие для этого технологии. Например, веб-сокеты, Comet...
Вопрос: Хороший коммуниктор?

Лучший ответ: Посмотрите iPhone 4, сейчас цены на него небольшие. Удобный обмен смс и есть skype (в тегах у Вас). Если есть вопросы по нему — в личку.

Худший ответ: Я бы предложил Blackberry, но там иногда с софтом туго бывает, хотя для ваших задач вроде подойдёт.
Вопрос: Связи с участившимися блокировками ресурсов(github.com в ноябре, bitcoin.org сегодня) — решил попробовать TOR. Как сделать traceroute через socks?

Лучший ответ: А никак. TRACEROUTE использует протокол ICMP для получения ответов. Через SOCKS ICMP не проходит, только TCP или UDP.

Худший ответ: tsocks поставь
Вопрос: Почему Excel тормозит при копировании этой единственной ячейки?

Лучший ответ: Может быть это связано с тем, что там вставлен невидимый графический объект в виде xml, который тянет ок 30 Мб? 
drawing1.xml в контейнере xlsx

Худший ответ: Для Office365 совет domash-nsk domash-nsk все еще актуален !!!
Вопрос: Как сверстать такой шаблон таблицы?

Лучший ответ: Четыре блока div. Содержимое можешь также в div'ах или уже в таблице.

Худший ответ: Скорее всего там адаптивная верстка, и при изменении размера экрана блоки выстроятся по вертикали.
Верстать только исключительно дивами...
Я бы рекомендовал найти туториалы поадаптивной верстке хоть на том же ютубе. Делов на пару часов...
Вопрос: Движок для сайта питомника

Лучший ответ: Под ваше описание подходит практически любая популярная CMS.

Худший ответ: Joomla c K2 или ZOO и плагинами. Можно реализовать всё, что душа пожелает.