!!!
%html{:xmlns => "http://www.w3.org/1999/xhtml", "xmlns:mc" => "http://www.w3.org/1999/xhtml"}
  %head
    %meta{:content => "text/html; charset=UTF-8", "http-equiv" => "Content-Type"}/
    %title= @subject
    :css
      #outlook a{padding:0;}
      .ReadMsgBody{width:100%;} .ExternalClass{width:100%;}
      .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;}
      body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
      table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;}
      img{-ms-interpolation-mode:bicubic;}
      body{margin:0; padding:0;}
      img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;}
      table{border-collapse:collapse !important;}
      body, #bodyTable, #bodyCell{height:100% !important; margin:0; padding:0; width:100% !important;}
      #bodyCell{padding:20px;}
      #templateContainer{width:600px;}
      body, #bodyTable{
          /*@editable*/ background-color:#DEE0E2;
      }
      #bodyCell{
          /*@editable*/ border-top:4px solid #BBBBBB;
      }
      #templateContainer{
          /*@editable*/ border:1px solid #BBBBBB;
      }
      h1{
          /*@editable*/ color:#202020 !important;
          display:block;
          /*@editable*/ font-family:Helvetica;
          /*@editable*/ font-size:26px;
          /*@editable*/ font-style:normal;
          /*@editable*/ font-weight:bold;
          /*@editable*/ line-height:100%;
          /*@editable*/ letter-spacing:normal;
          margin-top:0;
          margin-right:0;
          margin-bottom:10px;
          margin-left:0;
          /*@editable*/ text-align:left;
      }
      h2{
          /*@editable*/ color:#404040 !important;
          display:block;
          /*@editable*/ font-family:Helvetica;
          /*@editable*/ font-size:20px;
          /*@editable*/ font-style:normal;
          /*@editable*/ font-weight:bold;
          /*@editable*/ line-height:100%;
          /*@editable*/ letter-spacing:normal;
          margin-top:0;
          margin-right:0;
          margin-bottom:10px;
          margin-left:0;
          /*@editable*/ text-align:left;
      }
      h3{
          /*@editable*/ color:#606060 !important;
          display:block;
          /*@editable*/ font-family:Helvetica;
          /*@editable*/ font-size:16px;
          /*@editable*/ font-style:italic;
          /*@editable*/ font-weight:normal;
          /*@editable*/ line-height:100%;
          /*@editable*/ letter-spacing:normal;
          margin-top:0;
          margin-right:0;
          margin-bottom:10px;
          margin-left:0;
          /*@editable*/ text-align:left;
      }
      h4{
          /*@editable*/ color:#808080 !important;
          display:block;
          /*@editable*/ font-family:Helvetica;
          /*@editable*/ font-size:14px;
          /*@editable*/ font-style:italic;
          /*@editable*/ font-weight:normal;
          /*@editable*/ line-height:100%;
          /*@editable*/ letter-spacing:normal;
          margin-top:0;
          margin-right:0;
          margin-bottom:10px;
          margin-left:0;
          /*@editable*/ text-align:left;
      }
      #templatePreheader{
          /*@editable*/ background-color:#F4F4F4;
          /*@editable*/ border-bottom:1px solid #CCCCCC;
      }
      .preheaderContent{
          /*@editable*/ color:#808080;
          /*@editable*/ font-family:Helvetica;
          /*@editable*/ font-size:10px;
          /*@editable*/ line-height:125%;
          /*@editable*/ text-align:left;
      }
      .preheaderContent a:link, .preheaderContent a:visited, /* Yahoo! Mail Override */ .preheaderContent a .yshortcuts /* Yahoo! Mail Override */{
          /*@editable*/ color:#606060;
          /*@editable*/ font-weight:normal;
          /*@editable*/ text-decoration:underline;
      }
      #templateHeader{
          /*@editable*/ background-color:#F4F4F4;
          /*@editable*/ border-top:1px solid #FFFFFF;
          /*@editable*/ border-bottom:1px solid #CCCCCC;
      }
      .headerContent{
          /*@editable*/ color:#505050;
          /*@editable*/ font-family:Helvetica;
          /*@editable*/ font-size:20px;
          /*@editable*/ font-weight:bold;
          /*@editable*/ line-height:100%;
          /*@editable*/ padding-top:0;
          /*@editable*/ padding-right:0;
          /*@editable*/ padding-bottom:0;
          /*@editable*/ padding-left:0;
          /*@editable*/ text-align:left;
          /*@editable*/ vertical-align:middle;
      }
      .headerContent a:link, .headerContent a:visited, /* Yahoo! Mail Override */ .headerContent a .yshortcuts /* Yahoo! Mail Override */{
          /*@editable*/ color:#EB4102;
          /*@editable*/ font-weight:normal;
          /*@editable*/ text-decoration:underline;
      }
      #headerImage{
          height:auto;
          max-width:600px;
      }
      #templateBody{
          /*@editable*/ background-color:#F4F4F4;
          /*@editable*/ border-top:1px solid #FFFFFF;
          /*@editable*/ border-bottom:1px solid #CCCCCC;
      }
      .bodyContent{
          /*@editable*/ color:#505050;
          /*@editable*/ font-family:Helvetica;
          /*@editable*/ font-size:16px;
          /*@editable*/ line-height:150%;
          padding-top:20px;
          padding-right:20px;
          padding-bottom:20px;
          padding-left:20px;
          /*@editable*/ text-align:left;
      }
      .bodyContent a:link, .bodyContent a:visited, /* Yahoo! Mail Override */ .bodyContent a .yshortcuts /* Yahoo! Mail Override */{
          /*@editable*/ color:#EB4102;
          /*@editable*/ font-weight:normal;
          /*@editable*/ text-decoration:underline;
      }
      .bodyContent img{
          display:inline;
          height:auto;
          max-width:560px;
      }
      .templateColumnContainer{width:260px;}
      #templateColumns{
          /*@editable*/ background-color:#F4F4F4;
          /*@editable*/ border-top:1px solid #FFFFFF;
          /*@editable*/ border-bottom:1px solid #CCCCCC;
      }
      .leftColumnContent{
          /*@editable*/ color:#505050;
          /*@editable*/ font-family:Helvetica;
          /*@editable*/ font-size:14px;
          /*@editable*/ line-height:150%;
          padding-top:0;
          padding-right:20px;
          padding-bottom:20px;
          padding-left:20px;
          /*@editable*/ text-align:left;
      }
      .leftColumnContent a:link, .leftColumnContent a:visited, /* Yahoo! Mail Override */ .leftColumnContent a .yshortcuts /* Yahoo! Mail Override */{
          /*@editable*/ color:#EB4102;
          /*@editable*/ font-weight:normal;
          /*@editable*/ text-decoration:underline;
      }
      .rightColumnContent{
          /*@editable*/ color:#505050;
          /*@editable*/ font-family:Helvetica;
          /*@editable*/ font-size:14px;
          /*@editable*/ line-height:150%;
          padding-top:0;
          padding-right:20px;
          padding-bottom:20px;
          padding-left:20px;
          /*@editable*/ text-align:left;
      }
      .rightColumnContent a:link, .rightColumnContent a:visited, /* Yahoo! Mail Override */ .rightColumnContent a .yshortcuts /* Yahoo! Mail Override */{
          /*@editable*/ color:#EB4102;
          /*@editable*/ font-weight:normal;
          /*@editable*/ text-decoration:underline;
      }
      .leftColumnContent img, .rightColumnContent img{
          display:inline;
          height:auto;
          max-width:260px;
      }
      #templateFooter{
          /*@editable*/ background-color:#F4F4F4;
          /*@editable*/ border-top:1px solid #FFFFFF;
      }
      .footerContent{
          /*@editable*/ color:#808080;
          /*@editable*/ font-family:Helvetica;
          /*@editable*/ font-size:10px;
          /*@editable*/ line-height:150%;
          padding-top:20px;
          padding-right:20px;
          padding-bottom:20px;
          padding-left:20px;
          /*@editable*/ text-align:left;
      }
      .footerContent a:link, .footerContent a:visited, /* Yahoo! Mail Override */ .footerContent a .yshortcuts, .footerContent a span /* Yahoo! Mail Override */{
          /*@editable*/ color:#606060;
          /*@editable*/ font-weight:normal;
          /*@editable*/ text-decoration:underline;
      }
      @media only screen and (max-width: 480px){
          body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:none !important;} /* Prevent Webkit platforms from changing default text sizes */
          body{width:100% !important; min-width:100% !important;} /* Prevent iOS Mail from adding padding to the body */
          #bodyCell{padding:10px !important;}
          #templateContainer{
              max-width:600px !important;
              /*@editable*/ width:100% !important;
          }
          h1{
              /*@editable*/ font-size:24px !important;
              /*@editable*/ line-height:100% !important;
          }
          h2{
              /*@editable*/ font-size:20px !important;
              /*@editable*/ line-height:100% !important;
          }
          h3{
              /*@editable*/ font-size:18px !important;
              /*@editable*/ line-height:100% !important;
          }
          h4{
              /*@editable*/ font-size:16px !important;
              /*@editable*/ line-height:100% !important;
          }
          #templatePreheader{display:none !important;}
          #headerImage{
              height:auto !important;
              /*@editable*/ max-width:600px !important;
              /*@editable*/ width:100% !important;
          }
          .headerContent{
              /*@editable*/ font-size:20px !important;
              /*@editable*/ line-height:125% !important;
          }
          .bodyContent{
              /*@editable*/ font-size:18px !important;
              /*@editable*/ line-height:125% !important;
          }
          .templateColumnContainer{display:block !important; width:100% !important;}
          .columnImage{
              height:auto !important;
              /*@editable*/ max-width:480px !important;
              /*@editable*/ width:100% !important;
          }
          .leftColumnContent{
              /*@editable*/ font-size:16px !important;
              /*@editable*/ line-height:125% !important;
          }
          .rightColumnContent{
              /*@editable*/ font-size:16px !important;
              /*@editable*/ line-height:125% !important;
          }
          .footerContent{
              /*@editable*/ font-size:14px !important;
              /*@editable*/ line-height:115% !important;
          }
          .footerContent a{display:block !important;}
      }
  %body{:leftmargin => "0", :marginheight => "0", :marginwidth => "0", :offset => "0", :topmargin => "0"}
    %center
      %table#bodyTable{:align => "center", :border => "0", :cellpadding => "0", :cellspacing => "0", :height => "100%", :width => "100%"}
        %tr
          %td#bodyCell{:align => "center", :valign => "top"}
            %table#templateContainer{:border => "0", :cellpadding => "0", :cellspacing => "0"}
              %tr
                %td{:align => "center", :valign => "top"}
                  %table#templateBody{:border => "0", :cellpadding => "0", :cellspacing => "0", :width => "100%"}
                    %tr
                      %td{:align => "left", :valign => "top"}
                        = image_tag "#{Settings.root_path}/images/mail-logo.png", width: 150, height: 150, style: 'padding: 10px 20px'
                    %tr
                      %td.bodyContent{"mc:edit" => "body_content", :valign => "top"}
                        = yield
                        %br/
                        %br/
              %tr
                %td{:align => "center", :valign => "top"}
                  %table#templateFooter{:border => "0", :cellpadding => "0", :cellspacing => "0", :width => "100%"}
                    %tr
                      %td.footerContent{"mc:edit" => "footer_content01", :style => "padding-top:0;", :valign => "top"}
                        %br/
                        %strong
                          Web adresi
                          \:
                        www.<%= app_name %>.com
                        %br/
                        %strong
                          E-posta
                          \:
                        info@<%= app_name %>.com
                        %br/
                        %strong
                          Telefon
                          \:
                        +90 (850) XXX XX-XX
                        %br/
                        %strong
                          İşlem Zamanı
                          \:
                        #{I18n.localize(Time.zone.now)}
                        %br/
                        <%= app_name.capitalize %> Copyright &copy; #{Time.zone.now.year} Tüm Hakları Saklıdır.