Пример кода из рабочего проекта - Дизайн - Работа и услуги для вебмастеров

45

Cygnus

9 февраля 2013, 06:21

#11

Всем привет, возьму еще одного клиента на верстку за отзыв.

Условия те же, дополненные.

1. репутация от 100к

2. Верстка только главной страницы

3. Верстка на бутстрап, адаптивно.

4. Иметь готовый макет в PSD на руках, который нужно сверстать.

Связь тут и лс, дальше выберем более удобный способ.

TF-Studio к сожалению макета на руках не имел, поэтому сначала будем рисовать ему макет за деньги, а потом верстать по акции, это для тех, кого интересует судьба первого заказавшего.

iOS приложения Оптимизация затрат на их создание

Подмажусь к дизайнеру! Дизайн-макеты от $25 (psd) Верстка за отзыв

45

Cygnus

9 февраля 2013, 06:21

#12

Всем привет, возьму еще одного клиента на верстку за отзыв.

Условия те же, дополненные.

1. репутация от 100к

2. Верстка только главной страницы

3. Верстка на бутстрап, адаптивно.

4. Иметь готовый макет в PSD на руках, который нужно сверстать.

Связь тут и лс, дальше выберем более удобный способ.

TF-Studio к сожалению макета на руках не имел, поэтому сначала будем рисовать ему макет за деньги, а потом верстать по акции, это для тех, кого интересует судьба первого заказавшего.

Подмажусь к дизайнеру! Дизайн-макеты от $25 (psd) Верстка за отзыв

334

TF-Studio

9 февраля 2013, 12:46

#13

Подтверждаю, возникло некоторое недопонимание, поэтому свою бронь уступаю.

Всё ещё лучший способ заработка для белых сайтов: GoGetLinks (https://www.gogetlinks.net/?inv=fahbn8).

45

Cygnus

9 февраля 2013, 12:57

#14

Спасибо TF-Studio, и того 2 заказа за отзыв, не уж-то никому адаптивная верстка не нужна? Что то серч совсем не торт стал

45

Cygnus

21 февраля 2013, 11:12

#15

В связи с постоянным спросом ищется человек умеющий натягивать чистую верстку на DLE, Joomla и прочие CMS, OpenCart тоже желательно. буду просто передавать вам клиентов, на натяжку.

45

Cygnus

26 февраля 2013, 13:15

#16

Проекты завершены.

Свободен для новых заказов. Думаю заказчики отпишут здесь по возможности,

всем хорошего дня.

---------- Добавлено 26.02.2013 в 17:23 ----------

Пример кода из рабочего проекта.

Просто скопипастил свой просто код. ☝


<!doctype html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title>Sporty - New Dark And Light Sport Responsive HTML5 Template</title>

  

  <!-- Connect jQuery and FlexSlider -->

  <link rel="stylesheet" href="css/flexslider.css" type="text/css">

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

  <script src="js/jquery.flexslider.js"></script>

  

  <!-- CSS Stylesheet-->

  <link rel="stylesheet" href="css/bootstrap-responsive.css">

   <link rel="stylesheet" href="css/bootstrap.css">

  <link rel="stylesheet" href="css/docs.css">



  <script type="text/javascript">

  $(window).load(function() {

    $('.flexslider').flexslider();

  });

</script>



</head>

<body>

  <div class="wrapper">



    <!-- Top Line with topmenu and socicons -->

    <div class="topline">

      <div class="container">

        <div class="row">

          <div class="span6">

            <ul class="topmenu">

              <li><a href="#">About Us</a></li>

              <li><a href="#">Testimonials</a></li>

              <li><a href="#">Client card</a></li>

              <li><a href="#">Services</a></li>

              <li><a href="#">Contacts</a></li>

            </ul>

          </div>

          <div class="span6 social">

            <ul>

              <li class="socicons_tw"><a target="_blank" href="#"></a></li>

              <li class="socicons_vi"><a target="_blank" href="#"></a></li>

              <li class="socicons_fl"><a target="_blank" href="#"></a></li>

              <li class="socicons_fb"><a target="_blank" href="#"></a></li>         

            </ul>

          </div>

        </div>

      </div>

    </div>



    <!-- Logo area -->

    <div class="container">

      <div class="row logoarea">

        <div class="span3 logo">

          <img src="img/logo.png" alt="">

        </div>

        <div class="span6"></div>

      </div>

    </div>



    <!-- Main menu area -->

    <div class="container">

      <div class="menu">

        <ul>

          <li class="current-menu-item"><a href="#">Home</a></li>

          <li><a href="#">Pages</a></li>

          <li><a href="#">Blog</a></li>

          <li><a href="#">Features</a></li>

          <li><a href="#">Contacts</a></li>

        </ul>

      </div>

    </div>



    <div class="container">

      <!-- Slider area -->

      <div class="slider">

        <!-- Place somewhere in the <body> of your page -->

        <div class="flexslider">

          <ul class="slides">

            <li>

              <img src="img/slide_1.jpg" alt="slide-1" />

            </li>

            <li>

              <img src="img/slide_2.jpg" alt="slide-1" />

            </li>

            <li>

              <img src="img/slide_3.jpg" alt="slide-1" />

            </li>

            <li>

              <img src="img/slide_0.jpg" alt="slide-1" />

            </li>      

          </ul>

        </div>



      </div>

    </div>



    <!-- Start page content-->

    <div class="container">

      <div class="row blocks">

        <div class="span4 ">

          <h3>Block heading</h3>

          <p>

            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit quis quae laborum nulla totam voluptate doloremque magnam dolore cum consequuntur autem amet et ex. Harum nihil expedita aut commodi incidunt.

          </p>

        </div>

        <div class="span4">

          <h3>Block heading</h3>

          <p>

            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit quis quae laborum nulla totam voluptate doloremque magnam dolore cum consequuntur autem amet et ex. Harum nihil expedita aut commodi incidunt.

          </p>

        </div>

        <div class="span4">

          <h3>Block heading</h3>

          <p>

            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit quis quae laborum nulla totam voluptate doloremque magnam dolore cum consequuntur autem amet et ex. Harum nihil expedita aut commodi incidunt.

          </p>

        </div>

      </div>

    </div>



  </div>

  <script type="text/javascript">

    $(function(){

      SyntaxHighlighter.all();

    });

    $(window).load(function(){

      $('#carousel').flexslider({

        animation: "slide",

        controlNav: false,

        animationLoop: false,

        slideshow: false,

        itemWidth: 210,

        itemMargin: 5,

        asNavFor: '#slider'

      });

      

      $('#slider').flexslider({

        animation: "slide",

        controlNav: false,

        animationLoop: false,

        slideshow: false,

        sync: "#carousel",

        start: function(slider){

          $('body').removeClass('loading');

        }

      });

    });

  </script>

  

</body>

</html>

Пример css


@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic);



body {

	font-family: 'PT Sans', sans-serif;

	font-size: 14px;

	line-height: 21px;

}



/*******************************

HEADER

********************************/



/*Top line light scheme*/

.topline {

	height: 25px;

	background-color: #04529d;

	vertical-align: middle;

	color: #fff;



}



.topmenu {

	float: left;

	list-style: none;

	font-size: 0.9em;

	line-height: 1em;



}



.topmenu {

	margin-left: 0;

}



.topmenu li {

	float: left;

	padding-right: 1.5em;



	

}



.topmenu li a {

	color: #fff;

	text-decoration: none;

	line-height: 2em;

}



.topmenu li a:hover {

	text-decoration: underline;

}



/**************************

SOCIAL

************************/



.social ul {

	float: right;

}



.social ul li {

	list-style: none;

	float: right;

	padding-left: 1em;

}

.socicons_tw { height: 25px; width: 25px; background-image: url('../img/tw_dark.png'); background-repeat: no-repeat;}

.socicons_vi { height: 25px; width: 25px; background-image: url('../img/vi_dark.png'); background-repeat: no-repeat;}

.socicons_fl { height: 25px; width: 25px; background-image: url('../img/fl_dark.png'); background-repeat: no-repeat;}

.socicons_fb { height: 25px; width: 25px; background-image: url('../img/fb_dark.png'); background-repeat: no-repeat;}



/******************************

LOGOAREA

*******************************/

.logoarea {

	margin: 20px 0 0 0;



}



.logo {

	margin-left: 0;

} 





/*************************

MENU

***************************/



.menu {

	height: 42px;

	margin: 20px 0 20px 0;

	background-color: #363636;

	border-radius: 3px;

	border: 1px solid #2f2f2f;

	color: #fff;

}



.menu ul {

	float: left;

	list-style: none;

	margin-left: 0;

}



.menu ul li {

	float: left;

	padding-top: 10px;

	padding-bottom: 10px;

	padding-left: 15px;

	padding-right: 15px;

	border-right: 1px solid #2f2f2f;

	box-shadow: 1px 1px 1px 0 rgba(255, 255, 255, 0.1);



}



.menu ul li a {

	color: #fff;

	font-size: 1.3em;

	text-shadow: 1px 0px 1px #fefefe;

        filter: dropshadow(color=#fefefe, offx=1, offy=1);

	

}



 

.menu ul li a:hover {text-decoration: none;}



.menu ul li:hover {

	text-decoration: none;

	background-color: #04529d;

}



.current-menu-item {

	

}





/*****************************

SLIDER

******************************/

.slider {

	

}

.flexslider {

	border: 0;

}







/*************************

CONTENT

**************************/



.blocks {

	text-align: center;

}



.blocks .span4:hover {

	border-radius: 3px;

	background-color: #f2f2f2

}





/*******************************

RESPONSIVE SETTINGS

*********************************/



@media (max-width: 768px) {

}





@media (min-width: 480px) and (max-width: 768px) {

}





@media (min-width: 768px) and (max-width: 980px) {

}





@media (max-width: 980px) {

}





@media (min-width: 1210px) {

	

}

Падение позиций в январе помощь по dle Автомобили, Недвижимость, Туризм (сайты-порталы)

45

Cygnus

4 апреля 2013, 11:29

#17

Возьму клиента на адаптивную верстку на сегодня и завтра (на Twitter Bootstrap)

Простые макеты - от 20$ (например не большие лэндинги, coming soon, или заглушки, сюда также входит однотипная верстка для сателлитов и так далее)

Главная - от 50$

Страница каталога интернет магазина - от 50$

Внутренние от 10$ в зависимости от сложности самой страницы.

К общим услугам добавилась натяжка готовой верстки на DLE - от 100$.

Более точный бюджет могу сказать после просмотра макета.

Skype: denis.cygnus

О сроках - сдача лэндинга или заглушки от 30 минут до 2х часов в зависимости от сложности и используемых фич и JS плагинов. Главная - 1-1.5 дня, DLE - 2-3 дня.

Вот как-то так, всем успехов.

DIV-ная верстка (HTML 5 Дизайн от $50 Сайт на wordpress от

163

мартышон

4 апреля 2013, 17:24

#18

Cygnus, прочтите правила раздела.

45

Cygnus

4 апреля 2013, 17:34

#19

мартышон:
Cygnus, прочтите правила раздела.

Благодарю за замечание, будьте так добры укажите пункт и правило которое я нарушил в этом топике. Буду весьма признателен.

163

мартышон

4 апреля 2013, 17:45

#20

Что делать, чтобы попасть в ответы Google Bard

Вышел новый Яндекс Браузер с YandexGPT и YandexART

Дизайн сайтов - готовые макеты на продажу, принимаю заказы