2015-01-28 2 views
-1

У меня есть веб-страница, где я хочу изменить фотографии и текст в ней. Я вижу, что это не HTML и не может понять, что я должен редактировать? Вот сайт: vericotech.com/iphone6.htmlРедактировать изображения на веб-странице

Я хочу отредактировать первый pic, что я должен изменить? Вот исходный код:

 
 
<!DOCTYPE html> 
 
<html class="no-js" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-IN" lang="en-IN" prefix="og: http://ogp.me/ns#"> 
 
<head> 
 
\t \t 
 
\t <meta charset="utf-8" /> 
 
\t <meta name="Author" content="Apple Inc." /> 
 
\t <meta name="viewport" content="width=device-width, initial-scale=1" /> 
 
\t <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7, IE=9" /> 
 
\t <link rel="stylesheet" href="https://www.apple.com/ac/globalheader/1.0/styles/globalheader.css" type="text/css" /> 
 

 
\t <meta name="viewport" content="width=device-width, initial-scale=1" /> 
 
\t <title>Apple (India) - iPhone 6</title> 
 
\t <meta property="analytics-track" content="iPhone 6 - Index" /> 
 
\t 
 
\t <meta property="analytics-s-channel" content="iphone" /> 
 
\t <meta property="analytics-s-bucket-0" content="appleglobal,apple{COUNTRY_CODE}ip,apple{COUNTRY_CODE}iphonetab" /> 
 
\t <meta property="analytics-s-bucket-1" content="apple{COUNTRY_CODE}global,apple{COUNTRY_CODE}ip,apple{COUNTRY_CODE}iphonetab" /> 
 
\t <meta property="analytics-s-bucket-2" content="apple{COUNTRY_CODE}global" /> 
 

 
\t <meta name="Description" content="With an innovative seamless design, our most advanced display and more, iPhone 6 is bigger than bigger." /> 
 
\t 
 
\t <meta property="og:url" content="https://www.apple.com/in/iphone-6/" /> 
 
\t <meta property="og:image" content="/euro/iphone-6/a/screens/images/og.jpg?201409250611" /> 
 
\t <meta property="og:type" content="website" /> 
 
\t <meta property="og:site_name" content="Apple" /> 
 
\t <link rel="stylesheet" href="/wss/fonts?family=Myriad+Set+Pro&amp;v=1" type="text/css" media="all" /> 
 
<link rel="stylesheet" href="https://www.apple.com/v/iphone-6/a/styles/iphone-6.built.css" /> 
 

 

 
\t <link rel="stylesheet" href="https://www.apple.com/in/iphone-6/styles/iphone-6.css" /> 
 
\t <link rel="stylesheet" href="https://www.apple.com/v/iphone-6/a/styles/overview.built.css" /> 
 
\t <link rel="stylesheet" href="https://www.apple.com/in/iphone-6/overview/styles/overview.css" /> 
 
\t <script src="https://www.apple.com/v/iphone-6/a/scripts/head.built.js" type="text/javascript" charset="utf-8"></script> 
 

 
</head> 
 
<body class="page-overview"> 
 
\t <nav id="globalheader" class="globalheader gh-selected-tab-iphone" role="navigation" aria-label="Global Navigation" data-hires="false" data-analytics-region="global nav" lang="en-IN"> 
 
\t <div id="gh-content" class="gh-content"> 
 
\t \t <ul class="gh-menu"> 
 
\t \t \t <li id="gh-menu-icon-toggle" class="gh-menu-icon gh-menu-icon-toggle"><button id="gh-svg-icons" class="gh-svg-wrapper"><span class="gh-text-replace">Menu</span></button></li> 
 
\t \t \t <li id="gh-menu-icon-home" class="gh-menu-icon gh-menu-icon-home"><a href="/in/"><span class="gh-text-replace">Apple</span></a></li> 
 
\t \t </ul><!--/gh-menu--> 
 

 
\t \t </div><!--/gh-nav--> 
 
\t </div> 
 
</nav><!--/globalheader--> 
 

 
<script src="https://www.apple.com/ac/globalheader/1.0/scripts/globalheader.js" type="text/javascript" charset="utf-8"></script> 
 
\t <nav id="localnav" class="localnav localnav-withmenu" data-analytics-region="product nav"> 
 
\t <header class="localnav-head"> 
 
\t \t <a href="/in/iphone-6/" class="localnav-title"></a> 
 
\t \t <a class="button button-buynow" href="/in/iphone/buy/">Buy Now</a> 
 
\t \t <a id="explore-btn" class="localnav-head-disclosure"> 
 
\t \t \t <span class="disclosure-text">Explore</span> 
 
\t \t \t <span class="disclosure-icon grid-icon squares"></span> 
 
\t \t \t <span class="disclosure-icon close-icon close"></span> 
 
\t \t \t <span class="disclosure-icon disclosure-icon-xsmall"> 
 
\t \t \t \t <i class="icon icon-chevrondown"></i> 
 
\t \t \t </span> 
 
\t \t </a> 
 
\t </header> 
 
\t <div id="menu" class="localnav-menu translate-ended"> 
 
\t \t <ul class="localnav-links"> 
 
\t \t \t <li class="localnav-item-design large-first xsmall-first"> 
 
\t \t \t \t <a class="localnav-link thumbnail thumbnail-large-row-1 thumbnail-design" href="/in/iphone-6/design/"> 
 
\t \t \t \t \t Design 
 
\t \t \t \t </a> 
 
\t \t \t </li> 
 
\t \t \t <li class="localnav-item-display"> 
 
\t \t \t \t <a class="localnav-link thumbnail thumbnail-large-row-1 thumbnail-display" href="/in/iphone-6/display/"> 
 
\t \t \t \t \t Retina HD Display 
 
\t \t \t \t </a> 
 
\t \t \t </li> 
 
\t \t \t <li class="localnav-item-technology"> 
 
\t \t \t \t <a class="localnav-link thumbnail thumbnail-large-row-1 thumbnail-technology" href="/in/iphone-6/technology/"> 
 
\t \t \t \t \t Technology 
 
\t \t \t \t </a> 
 
\t \t \t </li> 
 
\t \t \t <li class="localnav-item-camera"> 
 
\t \t \t \t <a class="localnav-link thumbnail thumbnail-large-row-1 thumbnail-camera" href="/in/iphone-6/cameras/"> 
 
\t \t \t \t \t Cameras 
 
\t \t \t \t </a> 
 
\t \t \t </li> 
 
\t \t \t <li class="localnav-item-connectivity"> 
 
\t \t \t \t <a class="localnav-link thumbnail thumbnail-large-row-1 thumbnail-connectivity" href="/in/iphone-6/connectivity/"> 
 
\t \t \t \t \t Connectivity 
 
\t \t \t \t </a> 
 
\t \t \t </li> 
 
\t \t \t <li class="localnav-item-touchid large-first"> 
 
\t \t \t \t <a class="localnav-link thumbnail thumbnail-large-row-2 thumbnail-touchid" href="/in/iphone-6/touch-id/"> 
 
\t \t \t \t \t Touch ID 
 
\t \t \t \t </a> 
 
\t \t \t </li> 
 
\t \t \t <li class="localnav-item-ios8"> 
 
\t \t \t \t <a class="localnav-link thumbnail thumbnail-large-row-2 thumbnail-ios8" href="/in/iphone-6/ios-8/"> 
 
\t \t \t \t \t iOS 8 
 
\t \t \t \t </a> 
 
\t \t \t </li> 
 
\t \t \t <li class="localnav-item-accessories"> 
 
\t \t \t \t <a class="localnav-link thumbnail thumbnail-large-row-2 thumbnail-accessories" href="/in/iphone-6/accessories/"> 
 
\t \t \t \t \t Accessories 
 
\t \t \t \t </a> 
 
\t \t \t </li> 
 
\t \t \t <li class="localnav-item-techspecs xsmall-last"> 
 
\t \t \t \t <a class="localnav-link thumbnail thumbnail-large-row-2 thumbnail-techspecs" href="/in/iphone-6/specs/"> 
 
\t \t \t \t \t Tech Specs 
 
\t \t \t \t </a> 
 
\t \t \t </li> 
 
\t \t </ul> 
 
\t </div> 
 
\t <hr role="presentation" aria-hidden="true" /> 
 
</nav> 
 
<div class="localnav-placeholder"></div> 
 
<div id="curtain"></div> 
 

 
\t <script src="https://www.apple.com/metrics/ac-analytics/0.2/scripts/ac-analytics.js" type="text/javascript" charset="utf-8"></script> 
 
<script src="https://www.apple.com/metrics/ac-analytics/0.2/scripts/auto-init.js" type="text/javascript" charset="utf-8"></script> 
 

 

 
\t <div id="main" class="main" role="main" data-hires="true"> 
 

 
\t \t <section class="section section-hero" data-analytics-section-engagement="name:hero"> 
 
\t <div class="section-content"> 
 
\t \t <div class="row"> 
 
\t \t \t <div class="column large-12 xsmall-12"> 
 
\t \t \t \t <div class="section-copy"> 
 
\t \t \t \t \t <h1>iPhone 6</h1> 
 
\t \t \t \t \t <h2>Bigger than bigger</h2> 
 
\t \t \t \t \t <ul class="video-inline-item-list"> 
 
\t \t \t \t \t \t <li class="inline-list-item"> 
 
\t \t \t \t \t \t \t <a class="icon icon-play" href="/in/iphone-6/films/#video-product">Watch the film</a> 
 
\t \t \t \t \t \t </li> 
 
\t \t \t \t \t \t <li class="inline-list-item"> 
 
\t \t \t \t \t \t \t <a class="icon icon-play" href="/in/iphone-6/films/#huge">Watch the ads</a> 
 
\t \t \t \t \t \t </li> 
 
\t \t \t \t \t \t <li class="inline-list-item"> 
 
\t \t \t \t \t \t \t <a class="icon icon-play" href="/live/2014-sept-event/">Experience the keynote</a> 
 
\t \t \t \t \t \t </li> 
 
\t \t \t \t \t </ul> 
 
\t \t \t \t </div> 
 
\t \t \t \t <div class="image-hero-wrapper"> 
 
\t \t \t \t \t <figure class="image-hero"></figure> 
 
\t \t \t \t \t <figure class="image-hero-scroll"></figure> 
 
\t \t \t \t </div> 
 
\t \t \t </div> 
 
\t \t </div> 
 
\t </div> 
 
</section> 
 

 
<section class="section section-intro-copy" data-analytics-section-engagement="name:intro"> 
 
\t <div class="section-content"> 
 
\t \t <div class="row"> 
 
\t \t \t <div class="column large-12 xsmall-12"> 
 
\t \t \t \t <div class="section-copy"> 
 
\t \t \t \t \t <p class="intro">iPhone 6 isn’t simply bigger — it’s better in every way. Larger, yet dramatically thinner. More powerful, but remarkably power efficient. With a smooth metal surface that seamlessly meets the new Retina HD display. It’s one continuous form where hardware and software function in perfect unison, creating a new generation of iPhone that’s better by any measure.</p> 
 
\t \t \t \t </div> 
 
\t \t \t </div> 
 
\t \t </div> 
 
\t </div> 
 
</section> 
 

 
<section class="section section-hardware-compare section-gradient" data-analytics-section-engagement="name:hardware-compare"> 
 
\t <div class="section-content"> 
 
\t \t <div class="row callout-row"> 
 

 
\t \t \t <div class="column column-callout large-2 xsmall-6"> 
 
\t \t \t \t <aside class="callout callout-iphone-6 callout-from-right" data-analytics-name="size-callout"> 
 
\t \t \t \t \t <h6 class="callout-headline">4.7<span class="callout-unit">inches</span></h6> 
 
\t \t \t \t \t <p class="callout-copy">iPhone 6</p> 
 
\t \t \t \t </aside> 
 
\t \t \t </div> 
 

 
\t \t \t <div class="column large-8 column-comparison-shot xsmall-12"> 
 
\t \t \t \t <figure class="image-size-comparison-left"></figure> 
 
\t \t \t \t <figure class="image-size-comparison-right"></figure> 
 
\t \t \t </div> 
 

 
\t \t \t <div class="column column-callout large-2 xsmall-6 xsmall-push-6"> 
 
\t \t \t \t <aside class="callout callout-iphone-6-plus callout-from-left" data-analytics-name="size-plus-callout"> 
 
\t \t \t \t \t <h6 class="callout-headline">5.5<span class="callout-unit"> inches</span></h6> 
 
\t \t \t \t \t <p class="callout-copy">iPhone 6 Plus</p> 
 
\t \t \t \t </aside> 
 
\t \t \t </div> 
 
\t \t </div> 
 

 
\t </div> 
 

 
</section> 
 

 
<section class="section section-largest" data-analytics-section-engagement="name:iphone-largest"> 
 
\t <div class="section-content"> 
 
\t \t <figure class="image-delay image-largest-hero"></figure> 
 
\t \t <div class="row"> 
 
\t \t \t <div class="column large-9 medium-8 xsmall-12"> 
 
\t \t \t \t <div class="section-copy" data-analytics-region="learn more"> 
 
\t \t \t \t \t <a href="/in/iphone-6/design/" class="block"> 
 
\t \t \t \t \t \t <h2>iPhone at its largest. And thinnest.</h2> 
 
\t \t \t \t \t \t <p>Developing an iPhone with a larger, more advanced display meant pushing the edge of design. From the seamless transition of glass and metal to the streamlined profile, every detail was carefully considered to enhance your experience. So while its display is larger, iPhone 6 feels just right.</p> 
 
\t \t \t \t \t \t <p><span class="more block-link">Learn more about Design</span></p> 
 
\t \t \t \t \t </a> 
 
\t \t \t \t </div> 
 
\t \t \t </div> 
 

 
\t \t \t <div class="column large-3 xsmall-12 column-callout"> 
 

 
\t \t \t \t <div class="section-copy"> 
 
\t \t \t \t \t <div class="callout-list"> 
 
\t \t \t \t \t \t <aside class="callout column xsmall-6 callout-depth-iphone-6 callout-from-left" data-analytics-name="depth-callout"> 
 
\t \t \t \t \t \t \t <h6 class="callout-headline">6.9<span class="callout-unit">mm</span></h6> 
 
\t \t \t \t \t \t \t <p class="callout-copy">iPhone 6</p> 
 
\t \t \t \t \t \t </aside> 
 
\t \t \t \t \t \t <aside class="callout column xsmall-6 callout-depth-iphone-6-plus callout-from-left" data-analytics-name="depth-plus-callout"> 
 
\t \t \t \t \t \t \t <h6 class="callout-headline"><span class="callout-headline-number">7.1</span><span class="callout-unit">mm</span></h6> 
 
\t \t \t \t \t \t \t <p class="callout-copy">iPhone 6 Plus</p> 
 
\t \t \t \t \t \t </aside> 
 
\t \t \t \t \t </div> 
 
\t \t \t \t </div> 
 

 
\t \t \t </div> 
 
\t \t </div> 
 
\t </div> 
 
</section> 
 

 
<section class="section section-design-details section-two-boxes section-fade-in" data-analytics-section-engagement="name:design-details"> 
 

 
\t <div class="section-content"> 
 
\t \t <div class="row section-full"> 
 
\t \t \t <div class="column large-6 xsmall-12 column-left"> 
 
\t \t \t \t <div class="section-copy section-full-left align-center"> 
 
\t \t \t \t \t <figure class="image-delay image-display-details-corner"></figure> 
 
\t \t \t \t </div> 
 
\t \t \t </div> 
 
\t \t \t <div class="column large-6 xsmall-12 column-right"> 
 
\t \t \t \t <div class="section-copy section-full-right align-center"> 
 
\t \t \t \t \t <figure class="image-delay image-display-details-side"></figure> 
 
\t \t \t \t </div> 
 
\t \t \t </div> 
 
\t \t </div> 
 
\t </div> 
 
</section> 
 

 
<section class="section section-buttons section-background section-fade-in" data-analytics-section-engagement="name:buttons"> 
 
\t <div class="section-content"> 
 
\t \t <div class="row"> 
 
\t \t \t <figure class="image-delay image-button"></figure> 
 
\t \t </div> 
 
\t </div> 
 
</section> 
 

 
<section class="section section-display" data-analytics-section-engagement="name:display"> 
 
\t <div class="section-content"> 
 
\t \t <div class="row"> 
 
\t \t \t <div class="column large-5 xsmall-12 column-copy"> 
 
\t \t \t \t <div class="section-copy" data-analytics-region="learn more"> 
 
\t \t \t \t \t <a href="/in/iphone-6/display/" class="block"> 
 
\t \t \t \t \t \t <h2>Not just a bigger display. A better display.</h2> 
 
\t \t \t \t \t \t <p>It’s one thing to make a bigger display. It’s something else entirely to make a bigger Multi‑Touch display with brilliant colours and higher contrast at even wider viewing angles. But that’s exactly what we did with the new Retina HD display.</p> 
 
\t \t \t \t \t \t <p><span class="more block-link">Learn more about the Retina HD display</span></p> 
 
\t \t \t \t \t </a> 
 
\t \t \t \t </div> 
 
\t \t \t \t <div class="callout-list row"> 
 
\t \t \t \t \t <aside class="callout column large-6 xsmall-6 callout-resolution-iphone-6 callout-from-right"> 
 
\t \t \t \t \t \t <h6 class="callout-headline">1334<span class="callout-unit">×</span><br />750</h6> 
 
\t \t \t \t \t \t <p class="callout-copy">iPhone 6 RESOLUTION</p> 
 
\t \t \t \t \t </aside> 
 

 
\t \t \t \t \t <aside class="callout column large-6 xsmall-6 callout-resolution-iphone-6-plus callout-from-right"> 
 
\t \t \t \t \t \t <h6 class="callout-headline">1920<span class="callout-unit">×</span><br />1080</h6> 
 
\t \t \t \t \t \t <p class="callout-copy">iPhone 6 Plus RESOLUTION</p> 
 
\t \t \t \t \t </aside> 
 

 
\t \t \t \t <figure class="image-delay image-display-hero"></figure> 
 
\t \t \t \t </div> 
 

 
\t \t \t </div> 
 
\t \t </div> 
 
\t </div> 
 
</section> 
 

 
<section class="section section-technology section-background" data-analytics-section-engagement="name:technology"> 
 

 
\t <div class="section-content"> 
 
\t \t <figure class="image-delay image-powerful"></figure> 
 
\t \t <div class="row"> 
 

 
\t \t \t <div class="column large-6 medium-9 xsmall-12 column-title"> 
 
\t \t \t \t <div class="section-copy" data-analytics-region="learn more"> 
 
\t \t \t \t \t <a href="/in/iphone-6/technology/" class="block"> 
 
\t \t \t \t \t \t <h2>Hugely powerful. Enormously efficient.</h2> 
 
\t \t \t \t \t \t <p>Built on 64-bit desktop-class architecture, the new A8 chip delivers more power, even while driving a larger display. The M8 motion coprocessor efficiently gathers data from advanced sensors and a new barometer. And with increased battery life, iPhone 6 lets you do more, for longer than ever.</p> 
 
\t \t \t \t \t \t <p><span class="more block-link">Learn more about Technology</span></p> 
 
\t \t \t \t \t </a> 
 
\t \t \t \t </div> 
 
\t \t \t </div> 
 
\t \t \t <figure class="image-delay mobile-image-powerful xsmall-12 column"></figure> 
 
\t \t \t <div class="column large-6 medium-12 xsmall-12 large-push-0 medium-push-0 column-section-copy"> 
 
\t \t \t \t <div class="section-copy"> 
 
\t \t \t \t \t <div class="rounded-callout-container"> 
 
\t \t \t \t \t \t <figure class="callout graph callout-no-intro align-center graph-first"> 
 
\t \t \t \t \t \t \t <h6 class="callout-headline">64<span class="callout-unit">-bit</span></h6> 
 
\t \t \t \t \t \t \t <p class="callout-copy">ARCHITECTURE</p> 
 
\t \t \t \t \t \t </figure> 
 
\t \t \t \t \t \t <figure class="callout graph callout-no-intro graph-middle align-center"> 
 
\t \t \t \t \t \t \t <h6 class="callout-headline">A8</h6> 
 
\t \t \t \t \t \t \t <p class="callout-copy">CHIP</p> 
 
\t \t \t \t \t \t </figure> 
 
\t \t \t \t \t \t <figure class="callout graph graph-two-line callout-no-intro align-center graph-last"> 
 
\t \t \t \t \t \t \t <h6 class="callout-headline">M8</h6> 
 
\t \t \t \t \t \t \t <p class="callout-copy">MOTION COPROCESSOR </p> 
 
\t \t \t \t \t \t </figure> 
 
\t \t \t \t \t </div> 
 
\t \t \t \t </div> 
 
\t \t \t </div> 
 
\t \t </div> 
 
\t </div> 
 
</section> 
 

 
<section class="section section-camera" data-analytics-section-engagement="name:camera"> 
 
\t <div class="section-content"> 
 
\t \t <figure class="image-delay image-popular"></figure> 
 
\t \t <div class="row"> 
 
\t \t \t <div class="column large-9 medium-10 xsmall-12"> 
 
\t \t \t \t <div class="section-copy" data-analytics-region="learn more"> 
 
\t \t \t \t \t <a href="/in/iphone-6/cameras/" class="block"> 
 
\t \t \t \t \t \t <h2>The camera that changed photos now does the same for video.</h2> 
 
\t \t \t \t \t \t <p>More people take more photos with iPhone than with any other camera. And now the iSight camera has a new sensor with Focus Pixels and new video features, like 1080p HD at 60 fps, slo-mo at 240 fps, and time-lapse video mode. So you’ll have more reasons to capture more moments on video too.</p> 
 
\t \t \t \t \t \t <p><span class="more block-link">Learn more about Cameras</span></p> 
 
\t \t \t \t \t </a> 
 
\t \t \t \t </div> 
 
\t \t \t </div> 
 
\t \t </div> 
 
\t </div> 
 
</section> 
 

 
<section class="section section-camera-lense section-two-boxes" data-analytics-section-engagement="name:camera-lense"> 
 
\t <div class="section-content"> 
 
\t \t <div class="row section-full"> 
 
\t \t \t <div class="column large-6 xsmall-12 column-left"> 
 
\t \t \t \t <div class="section-copy section-full-left align-center"> 
 
\t \t \t \t \t <p class="caption">All-new sensor supports Focus Pixels and enables even faster autofocus.</p> 
 
\t \t \t \t \t <figure class="image-delay image-camera-lense-explode"></figure> 
 
\t \t \t \t </div> 
 
\t \t \t </div> 
 
\t \t \t <div class="column large-6 xsmall-12 column-right"> 
 
\t \t \t \t <div class="section-copy section-full-right"> 
 
\t \t \t \t \t <div class="callout-list"> 
 
\t \t \t \t \t \t <aside class="callout callout-aperture callout-from-left"> 
 
\t \t \t \t \t \t \t <h6 class="callout-headline"> 
 
\t \t \t \t \t \t \t \t <span class="callout-unit">Æ’/ </span>2.2 
 
\t \t \t \t \t \t \t </h6> 
 
\t \t \t \t \t \t \t <p class="callout-copy">APERTURE</p> 
 
\t \t \t \t \t \t </aside> 
 
\t \t \t \t \t \t <aside class="callout callout-pixels callout-from-left"> 
 
\t \t \t \t \t \t \t <h6 class="callout-headline">1.5<span class="callout-unit">µ</span></h6> 
 
\t \t \t \t \t \t \t <p class="callout-copy">PIXELS</p> 
 
\t \t \t \t \t \t </aside> 
 
\t \t \t \t \t </div> 
 
\t \t \t \t \t <figure class="image-delay image-camera-lense-assembled"></figure> 
 
\t \t \t \t </div> 
 
\t \t \t </div> 
 
\t \t </div> 
 
\t </div> 
 
</section> 
 

 
<section class="section section-wireless" data-analytics-section-engagement="name:wireless"> 
 
\t <div class="section-content"> 
 
\t \t <div class="row"> 
 
\t \t \t <div class="column large-5 large-push-6 medium-6 xsmall-12 xsmall-push-0"> 
 
\t \t \t \t <div class="section-copy" data-analytics-region="learn more"> 
 
\t \t \t \t \t <a href="/in/iphone-6/connectivity/" class="block"> 
 
\t \t \t \t \t \t <h2>Faster wireless. Far and wide.</h2> 
 
\t \t \t \t \t \t <p>iPhone 6 supports fast wireless technologies and connects to networks all over the world. And with advanced Wi‑Fi, you’ll experience incredibly fast wireless speeds.</p> 
 
\t \t \t \t \t \t <p><span class="more block-link">Learn more about Connectivity</span></p> 
 
\t \t \t \t \t </a> 
 
\t \t \t \t \t <figure class="image-delay image-wireless"></figure> 
 
\t \t \t \t </div> 
 
\t \t \t </div> 
 
\t \t </div> 
 
\t </div> 
 
</section> 
 

 
<section class="section section-security section-background" data-analytics-section-engagement="name:security"> 
 
\t <div class="section-content"> 
 
\t \t <div class="row"> 
 
\t \t \t <div class="column large-5 xsmall-12"> 
 
\t \t \t \t <div class="section-copy" data-analytics-region="learn more"> 
 
\t \t \t \t \t <a href="/in/iphone-6/touch-id/" class="block"> 
 
\t \t \t \t \t \t <h2>Security. Right at your fingertip.</h2> 
 
\t \t \t \t \t \t <p>The breakthrough Touch ID technology lets you securely access your iPhone with the perfect password: your fingerprint. You can also use it to approve purchases from iTunes and the App Store without having to enter your password.</p> 
 
\t \t \t \t \t \t <p><span class="more block-link">Learn more about Touch ID</span></p> 
 
\t \t \t \t \t </a> 
 
\t \t \t \t <figure class="image-delay image-security"></figure> 
 
\t \t \t \t </div> 
 
\t \t \t </div> 
 
\t \t </div> 
 
\t </div> 
 
</section> 
 

 
<section class="section section-ios" data-analytics-section-engagement="name:ios"> 
 
\t <div class="section-content"> 
 
\t \t <div class="row"> 
 
\t \t \t <div class="column column-copy large-5 large-push-6 medium-6 medium-push-6 xsmall-12 xsmall-push-0"> 
 
\t \t \t \t <div class="section-copy" data-analytics-region="learn more"> 
 
\t \t \t \t \t <a href="/in/iphone-6/ios-8/" class="block"> 
 
\t \t \t \t \t <h2>The biggest iOS release ever.</h2> 
 
\t \t \t \t \t <p>iOS 8 is our most advanced mobile operating system. And with incredible new capabilities and features designed to make the most of a larger display, iOS 8 doesn’t just work seamlessly with iPhone 6. It makes every experience feel bigger and better.</p> 
 
\t \t \t \t \t <p><span class="more block-link">Learn more about iOS 8</span></p> 
 
\t \t \t \t \t </a> 
 
\t \t \t \t </div> 
 
\t \t \t </div> 
 
\t \t \t <div class="column large-2 large-pull-12 medium-pull-12 xsmall-12 xsmall-pull-0 polor-col"> 
 
\t \t \t \t <div class="column-image"> 
 
    \t  \t \t <figure class="image-delay image-ios-release-left"></figure> 
 
     \t  \t <figure class="image-delay image-ios-release-right"></figure> 
 
      \t \t </div> \t 
 
\t \t \t </div> 
 
\t \t </div> 
 
\t </div> 
 
</section> 
 

 

 
\t </div><!--/main--> 
 

 

 
\t 
 

 
\t <script> 
 
\t (function(window, document, undefined) { 
 

 
\t \t var mediaConfig = { 
 

 
\t \t \t locale : "in", 
 
\t \t \t videos : [ 
 
\t \t \t \t "hero-intro", 
 
\t \t \t \t "hero-scrollable", 
 
\t \t \t \t "largest-scrollable", 
 
\t \t \t \t "display-scrollable", 
 
\t \t \t \t "camera-scrollable", 
 
\t \t \t ] 
 

 
\t \t }; 
 

 
\t \t window.mediaConfig = mediaConfig; 
 

 
\t }(window, document)); 
 
</script> 
 
\t <script src="https://www.apple.com/v/iphone-6/a/scripts/overview.built.js" type="text/javascript" charset="utf-8"></script> 
 
</body> 
 
</html>

ответ

0

изображения в DIV с классом изображения-герой-оберткой. вам придется посмотреть на изменение css.

<div class="image-hero-wrapper"> 
    <figure class="image-hero"></figure> 
    <figure class="image-hero-scroll"></figure> 
</div> 
+0

ок спасибо, но вы дадите мне некоторую информацию, как это сделать? im sorry im so noob при этом –

+0

, тогда вы должны начать с некоторых уроков о css https://www.google.ro/#q=css+tutorial&tbm=vid и html https://www.google.ro/#tbm = vid & q = html + tutorial –

+0

ok есть способ удалить в зависимости от css-файла и оставить его в HTML-формате? –

1

Вам также необходимо сохранить CSS этого веб-сайта. Если вы проверите элемент первого изображения (черный iphone 6 или что-то еще). Вы увидите class = image-hero, в котором изображение присваивается ему.

.page-overview .section-hero .image-hero { background-image: url ("https://www.apple.com/euro/iphone-6/a/generic/overview/images/hero_large.jpg"); }

Посмотреть полный список изображений, где они назначили классы/элементы: https://www.apple.com/in/iphone-6/overview/styles/overview.css

+0

спасибо. Вы сохранили меня <3 –

+0

ok Есть ли способ удалить в зависимости от css-файла и позволить ему в HTML-формате? –

+0

Да, вы можете просто добавить mimicode

Смежные вопросы