API tools faq
paste
Advertisement
andyshon

index2.html

andyshon
Oct 9th, 2017
92
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 12.93 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.   <head>
  3.     <title>Index page</title>
  4.     <style>
  5.    @font-face {
  6.     font-family: Goudy Old Style; /* Имя шрифта */
  7.     src: url("fonts/Goudy Old Style Bold Italic.otf"); /* Путь к файлу со шрифтом */
  8.     font-family: Goudy Old Style Bold;
  9.     src: url("fonts/Goudy Old Style Bold.otf");
  10.    }
  11.   </style>
  12.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  13.     <link rel="stylesheet" href="style2.css">
  14.     <link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.css">
  15.   </head>
  16.   <body>
  17. <div class="navbar_top">
  18. <div class="container">
  19. <nav class="navbar navbar-inverse">
  20.  
  21.             <img src="res/newAssets/Header/Header-arrow_left.png" class="HeaderArrowLeft">
  22.             <img src="res/newAssets/Header/Header-arrow_right.png" class="HeaderArrowRight">
  23.             <img src="res/newAssets/Header/Header-arrow_top.png" class="HeaderArrowTop1">
  24.             <img src="res/newAssets/Header/Header-arrow_bottom.png" class="HeaderArrowBottom1">
  25.             <img src="res/newAssets/Header/Header-arrow_top.png" class="HeaderArrowTop2">
  26.             <img src="res/newAssets/Header/Header-arrow_bottom.png" class="HeaderArrowBottom2">
  27.             <img src="res/newAssets/Header/Header-arrow_top.png" class="HeaderArrowTop3">
  28.             <img src="res/newAssets/Header/Header-arrow_bottom.png" class="HeaderArrowBottom3">
  29.             <img src="res/newAssets/Header/Header-arrow_top.png" class="HeaderArrowTop4">
  30.             <img src="res/newAssets/Header/Header-arrow_bottom.png" class="HeaderArrowBottom4">
  31.             <img src="res/newAssets/Header/Header-arrow_top.png" class="HeaderArrowTop5">
  32.             <img src="res/newAssets/Header/Header-arrow_bottom.png" class="HeaderArrowBottom5">
  33.             <img src="res/newAssets/Header/Header-arrow_top.png" class="HeaderArrowTop6">
  34.             <img src="res/newAssets/Header/Header-arrow_bottom.png" class="HeaderArrowBottom6">
  35.             <img src="res/newAssets/Header/Header-arrow_top.png" class="HeaderArrowTop7">
  36.             <img src="res/newAssets/Header/Header-arrow_bottom.png" class="HeaderArrowBottom7">
  37.             <img src="res/newAssets/Header/Header-arrow_top.png" class="HeaderArrowTop8">
  38.             <img src="res/newAssets/Header/Header-arrow_bottom.png" class="HeaderArrowBottom8">
  39.             <img src="res/newAssets/Header/Header-arrow_top.png" class="HeaderArrowTop9">
  40.             <img src="res/newAssets/Header/Header-arrow_bottom.png" class="HeaderArrowBottom9">
  41.  
  42.     <div class="navbar-header">
  43.       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
  44.         <span class="icon-bar"></span>
  45.         <span class="icon-bar"></span>
  46.         <span class="icon-bar"></span>                        
  47.       </button>
  48.       <a href=""><img src="res/newAssets/Header/TAODress.png" class="navbar-brand"></a>
  49.     </div>
  50.     <div class="collapse navbar-collapse" id="myNavbar">
  51.       <ul class="nav navbar-nav">
  52.         <li class="active"><a href="#">ABOUT</a></li>
  53.         <li><a href="#">SHOP</a></li>
  54.         <li><a href="#">LEARN</a></li>
  55.         <li><a href="#">DISCOVER</a></li>
  56.         <li><a href="#">QUIZ</a></li>
  57.         <li><a href="#">SERVICES</a></li>
  58.       </ul>
  59.  
  60.       <div class="nav-buttons">
  61.           <ul class="nav navbar-nav navbar-right">
  62.               <li><img src="res/TAO-DRESS/navbar/Menu Icons/Homepage-Vector_2.gif" class="profile-foto"><span class="profile-name">Name</span></li>
  63.               <li><img src="res/TAO-DRESS/navbar/Menu Icons/Options-Vector_2.gif" class="profile-arrow"></li>
  64.               <li><img src="res/TAO-DRESS/navbar/Menu Icons/Settings-Vector_2.gif" class="profile-settings"></li>
  65.               <li><img src="res/TAO-DRESS/navbar/Menu Icons/Wishlist-Vector_2.gif" class="profile-wishlist"></li>
  66.               <li><img src="res/TAO-DRESS/navbar/Menu Icons/Cart-Vector_2.gif" class="profile-cart"></li>
  67.           </ul>
  68.       </div>
  69.  
  70.     </div>
  71.   </div>
  72.   </div>
  73. </nav>
  74.  
  75.  
  76.  
  77.  
  78.  
  79.  
  80.  
  81. <!--FRAME 1-->
  82. <div class="container">
  83.     <div class="col-md-12 col-xs-12 col-sm-12">
  84.         <img src="res/newAssets/Header/Landing-Page-Border-Details_crop.png" class="fr1-img-back img-responsive">
  85.  
  86.         <div class="col-md-12 col-xs-12 col-sm-12">
  87.             <img src="res/newAssets/Frame 1/Frame 1.png" class="fr1-img1 img-responsive">
  88.         </div>
  89.         <div class="col-md-12 col-xs-12 col-sm-12">
  90.             <img src="res/newAssets/Frame 1/Frame-1-Content-3.gif" class="fr1-img2 img-responsive">
  91.         </div>    
  92.         <div class="col-md-12 col-xs-12 col-sm-12">
  93.             <span class="text-center fr1-text">
  94.                 <h2>Welcome To</h2>
  95.                 <p>The Art Of Dress</p>
  96.             </span>
  97.         </div>
  98.     </div> 
  99. </div>
  100. <!--FRAME 1-->
  101.  
  102. <!--FRAME 2-->
  103. <div class="container">
  104.     <div class="col-xs-12 col-sm-12 col-lg-12">
  105.         <img src="res/newAssets/Header/Landing-Page-Border-Details_crop.png" class="fr2-img-back img-responsive">
  106.         <div class="col-xs-12 col-sm-12 col-lg-12">
  107.             <img src="res/newAssets/Frame 2/Frame-2-Content-1_crop.png" class="fr2-img1 img-responsive">
  108.         </div>
  109.         <div class="col-xs-12 col-sm-12 col-lg-12">
  110.             <img src="res/newAssets/Frame 2/Frame-Two-Content-2_crop.png" class="fr2-img2 img-responsive">
  111.         </div>
  112.  
  113.         <div class="col-xs-12 col-sm-12 col-lg-12">
  114.             <div class="fr2-block">
  115.                 <img src="res/newAssets/Header/arrow_top.png" class="fr2-arrowTop img-responsive">
  116.                 <img src="res/newAssets/Header/arrow_bottom.png" class="fr2-arrowBottom img-responsive">
  117.                 <img src="res/newAssets/Frame 2/BEGIN.png" class="fr2-begin img-responsive">
  118.             </div>
  119.         </div>
  120.     </div>
  121. </div>
  122. <!--FRAME 2-->
  123.  
  124.  
  125. <!--FRAME 3-->
  126. <div class="container">
  127.     <div class="col-md-12 col-xs-12 col-sm-12">
  128.         <span class="text-center fr3-text-top">
  129.             <p>THE ART OF DRESS</p>
  130.         </span>
  131.         <img src="res/newAssets/Header/Landing-Page-Border-Details_crop.png" class="fr3-img-back img-responsive">
  132.     </div>
  133. </div>
  134.  
  135. <div class="container">
  136.     <div class="row">
  137.         <div class="fr3-block">
  138.             <div class="col-xs-6 col-sm-4 col-md-4">
  139.                 <img src="res/newAssets/Header/arrow_top.png" class="fr3-arrowTop1 img-responsive">
  140.                 <img src="res/newAssets/Header/arrow_bottom.png" class="fr3-arrowBottom1 img-responsive">
  141.                 <img src="res/newAssets/Frame 3/frame-3-white-box_2.gif" class="fr3-box img-responsive">
  142.                 <div class="fr3-text1">
  143.                     <span class="fr3-text11"><h1>STYLE</h1>
  144.                     <p>Reflects Your Body</p></span>
  145.                 </div>
  146.             </div>
  147.  
  148.             <div class="col-xs-6 col-sm-4 col-md-4">
  149.                 <img src="res/newAssets/Header/arrow_top.png" class="fr3-arrowTop1 img-responsive">
  150.                 <img src="res/newAssets/Header/arrow_bottom.png" class="fr3-arrowBottom1 img-responsive">
  151.                 <img src="res/newAssets/Frame 3/frame-3-white-box_2.gif" class="fr3-box img-responsive">
  152.                 <div class="fr3-text1">
  153.                     <span class="fr3-text11"><h1>COLOUR</h1>
  154.                     <p>Projects Your Soul</p></span>
  155.                 </div>
  156.             </div>
  157.  
  158.             <div class="col-xs-6 col-sm-4 col-md-4">
  159.                 <img src="res/newAssets/Header/arrow_top.png" class="fr3-arrowTop1 img-responsive">
  160.                 <img src="res/newAssets/Header/arrow_bottom.png" class="fr3-arrowBottom1 img-responsive">
  161.                 <img src="res/newAssets/Frame 3/frame-3-white-box_2.gif" class="fr3-box img-responsive">
  162.                 <div class="fr3-text1">
  163.                     <span class="fr3-text33"><h1>ARTISTRY</h1>
  164.                     <p>Embraces Your Spirit</p></span>
  165.                 </div>
  166.             </div>
  167.          </div>
  168.     </div>  
  169. </div>  
  170. <!--FRAME 3-->
  171.  
  172.  
  173.  
  174.  
  175.  
  176. <!--FRAME 4-->
  177. <div class="container">
  178.     <div class="col-md-12 col-xs-12 col-sm-12">
  179.         <img src="res/newAssets/Header/Landing-Page-Border-Details_crop.png" class="fr4-img-back img-responsive">
  180.         <div class="col-md-12 col-xs-12 col-sm-12">
  181.             <img src="res/newAssets/Frame 4/Frame-4-content-1.gif" class="fr4-text1 img-responsive">
  182.         </div>
  183.         <div class="col-md-12 col-xs-12 col-sm-12">
  184.             <img src="res/newAssets/Frame 4/Frame-4-content-2.gif" class="fr4-text2 img-responsive">
  185.         </div>
  186.     </div>
  187. </div>
  188.  
  189. <div class="container">
  190.     <div class="row">
  191.         <div class="fr4-box-new">
  192.             <div class="col-xs-12 col-sm-12 col-md-12">
  193.                 <div class="fr4-block">
  194.                     <img src="res/newAssets/Header/arrow_top.png" class="fr4-arrowTop img-responsive">
  195.                     <img src="res/newAssets/Header/arrow_bottom.png" class="fr4-arrowBottom img-responsive">
  196.                     <img src="res/newAssets/Frame 4/frame-4-white-box_2.gif" class="fr4-box img-responsive">
  197.  
  198.  
  199.                     <img src="res/newAssets/Frame 4/1-Style-Symbol-Refined-Dramatic.png" class="frame4-img1">
  200.                     <img src="res/newAssets/Frame 4/2-Style-Symbol-True-Dramatic.png" class="frame4-img2">
  201.                     <img src="res/newAssets/Frame 4/3-Style-Symbol-Elaborate-Natural.png" class="frame4-img3">
  202.                     <img src="res/newAssets/Frame 4/4-Style-Symbol-Elaborate-Gamine.png" class="frame4-img4">
  203.                     <img src="res/newAssets/Frame 4/5-Style-Symbol-Elaborate-Classic.png" class="frame4-img5">
  204.                     <img src="res/newAssets/Frame 4/6-Style-Symbol-True-Natural.png" class="frame4-img6">
  205.                     <img src="res/newAssets/Frame 4/7-Style-Symbol-True-Classic.png" class="frame4-img7">
  206.                     <img src="res/newAssets/Frame 4/8-Style-Symbol-True-Gamine.png" class="frame4-img8">
  207.                     <img src="res/newAssets/Frame 4/9-Style-Symbol-Refined-Natural.png" class="frame4-img9">
  208.                     <img src="res/newAssets/Frame 4/10-Style-Symbol-Refined-Classic.png" class="frame4-img10">
  209.                     <img src="res/newAssets/Frame 4/11-Style-Symbol-Refined-Gamine.png" class="frame4-img11">
  210.                     <img src="res/newAssets/Frame 4/12-Style-Symbol-True-Romantic.png" class="frame4-img12">
  211.                     <img src="res/newAssets/Frame 4/13-Style-Symbol-Elaborate-Romantic.png" class="frame4-img13">
  212.                 </div>
  213.             </div>
  214.         </div>
  215.     </div>
  216. </div>
  217. <!--FRAME 4-->
  218.  
  219.  
  220. <!--FRAME 5-->
  221. <div class="container">
  222.     <div class="col-md-12 col-xs-12 col-sm-12">
  223.         <img src="res/newAssets/Header/Landing-Page-Border-Details_crop.png" class="fr5-img-back img-responsive">
  224.         <div class="col-md-12 col-xs-12 col-sm-12">
  225.             <img src="res/newAssets/Frame 5/frame-5-content-1.gif" class="fr5-text1 img-responsive">
  226.         </div>
  227.         <div class="col-md-12 col-xs-12 col-sm-12">
  228.             <img src="res/newAssets/Frame 5/Frame-5-content-2.gif" class="fr5-text2 img-responsive">
  229.         </div>
  230.     </div>
  231. </div>
  232.  
  233. <div class="container">
  234.     <div class="row">
  235.         <div class="fr5-box-new">
  236.             <div class="col-xs-12 col-sm-12 col-md-12">
  237.                 <div class="fr5-block">
  238.                     <img src="res/newAssets/Header/arrow_top.png" class="fr5-arrowTop img-responsive">
  239.                     <img src="res/newAssets/Header/arrow_bottom.png" class="fr5-arrowBottom img-responsive">
  240.                     <img src="res/newAssets/Frame 4/frame-4-white-box_2.gif" class="fr5-box img-responsive">
  241.  
  242.                     <div class="fr5-colors">
  243.                         <span id="fr-5-slide1"></span>
  244.                         <span id="fr-5-slide2"></span>
  245.                         <span id="fr-5-slide3"></span>
  246.  
  247.                         <span id="fr-5-slide4"></span>
  248.                         <span id="fr-5-slide5"></span>
  249.                         <span id="fr-5-slide6"></span>
  250.  
  251.                         <span id="fr-5-slide7"></span>
  252.                         <span id="fr-5-slide8"></span>
  253.                         <span id="fr-5-slide9"></span>
  254.  
  255.                         <span id="fr-5-slide10"></span>
  256.                         <span id="fr-5-slide11"></span>
  257.                         <span id="fr-5-slide12"></span>
  258.                     </div>
  259.                 </div>
  260.             </div>
  261.         </div>
  262.     </div>
  263. </div>
  264. <!--FRAME 5-->
  265.  
  266.  
  267.  
  268.  
  269. <!--FRAME 6-->
  270. <div class="container">
  271.     <div class="col-md-12 col-xs-12 col-sm-12">
  272.         <img src="res/newAssets/Header/Landing-Page-Border-Details_crop.png" class="fr6-img-back img-responsive">
  273.         <div class="col-md-12 col-xs-12 col-sm-12">
  274.             <img src="res/newAssets/Frame 6/frame-6-contnet-1.gif" class="fr6-text1 img-responsive">
  275.         </div>
  276.         <div class="col-md-12 col-xs-12 col-sm-12">
  277.             <img src="res/newAssets/Frame 6/frame-6-content-2.gif" class="fr6-text2 img-responsive">
  278.         </div>
  279.     </div>
  280. </div>
  281.  
  282. <div class="container">
  283.     <div class="row">
  284.         <div class="fr6-box-new">
  285.             <div class="col-xs-12 col-sm-12 col-md-12">
  286.                 <div class="fr6-block">
  287.                     <img src="res/newAssets/Header/arrow_top.png" class="fr6-arrowTop img-responsive">
  288.                     <img src="res/newAssets/Header/arrow_bottom.png" class="fr6-arrowBottom img-responsive">
  289.                     <img src="res/newAssets/Frame 6/frame-6-white-box_2.gif" class="fr6-box img-responsive">
  290.  
  291.  
  292.                     <img src="res/newAssets/Frame 6/Artistry-Architectural.png" class="frame6-img1">
  293.                     <img src="res/newAssets/Frame 6/Artistry-Sculptural.png" class="frame6-img2">
  294.                     <img src="res/newAssets/Frame 6/Artistry-Harmonic.png" class="frame6-img3">
  295.                     <img src="res/newAssets/Frame 6/Artistry-Composite.png" class="frame6-img4">
  296.                 </div>
  297.             </div>
  298.         </div>
  299.     </div>
  300. </div>
  301. <!--FRAME 6-->
  302.  
  303.  
  304.  
  305.  
  306. <div class="container">
  307.     <div class="row">
  308.  
  309.         <div class="col-xs-6 col-sm-4 col-md-2">SPACE</div>
  310.         <div class="col-xs-6 col-sm-4 col-md-3">11111</div>
  311.         <div class="col-xs-6 col-sm-4 col-md-3">22222</div>
  312.         <div class="col-xs-6 col-sm-4 col-md-3">33333</div>
  313.         <div class="col-xs-6 col-sm-4 col-md-1">SPACE</div>
  314.  
  315.     </div>
  316. </div>
  317.  
  318. <script src="jquery-3.2.1.js"></script>
  319. <script src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
  320.  
  321.   </body>
  322. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!