github.com/ezbercih/terraform@v0.1.1-0.20140729011846-3c33865e0839/website/source/index.html.erb (about)

     1  <!-- Main jumbotron for a primary marketing message or call to action -->
     2  <div id="jumbotron-mask">
     3  	<div id="jumbotron">
     4  		<div class="jumbotron-content" id="jumbotron-content">
     5  			<h2 class="tag-line" id="tag-line" style="visibility: hidden;">Build, Combine, and Launch Infrastructure</h2>
     6  		</div>
     7  	</div>
     8  </div>
     9  
    10  <div class="feature" id="feature-auto">
    11  	<div class="container">
    12  		<div class="row">
    13  			<div class="col-lg-7 col-md-7 col-sm-12">
    14  				<h2 class="feature-t">Infrastructure as code</h2>
    15  				<p>Terraform provides a common configuration to launch infrastructure &mdash;
    16  				from physical and virtual servers to email and DNS providers. Once launched,
    17  				Terraform safely and efficiently changes infrastructure as the configuration
    18  				is evolved.</p>
    19  				<p>Simple file based configuration gives you a single view
    20  					of your entire infrastructure.</p>
    21  			</div>
    22  			<div class="col-lg-5 col-md-5 col-sm-12">
    23  				<h3 class="terminal-text">$ terraform apply</h3>
    24  			</div>
    25  		</div>
    26  	</div> <!-- /container -->
    27  </div> <!-- /feature -->
    28  
    29  <div class="feature" id="feature-iterate">
    30  	<div class="container">
    31  		<div class="row">
    32  			<div class="col-lg-5 col-md-5 col-sm-12">
    33  				<div class="it-icon f-icon clearfix">
    34  					<div class="t-block"></div>
    35  					<div class="t-block t2"></div>
    36  					<div class="t-block t3"></div>
    37  					<div class="t-block t4"></div>
    38  				</div>
    39  			</div>
    40  			<div class="col-lg-7 col-md-7 col-sm-12">
    41  				<h2 class="feature-t">Combine Multiple Providers</h2>
    42  				<p>Terraform allows you to effortlessly combine high-level system
    43  				providers with your own or with each other. Launch a server from
    44  				one cloud provider, add a DNS entry with its IP with a different
    45  				provider. Built-in dependency resolution means
    46  					things happen in the right order.</p>
    47  			</div>
    48  		</div>
    49  	</div> <!-- /container -->
    50  </div> <!-- /feature -->
    51  
    52  <div class="feature" id="feature-clone">
    53  	<div class="container">
    54  		<div class="row">
    55  			<div class="col-lg-5 col-md-5 col-sm-12">
    56  				<h2 class="feature-t">Evolve your Infrastructure</h2>
    57  				<p>Your configuration and state can be stored in version control, shared
    58  					and distributed among your team. Updates, scaling and modifications
    59  					will be planned first, so you can iterate with confidence.</p>
    60  			</div>
    61  			<div class="col-md-push-1 col-lg-6 col-md-6 col-sm-12">
    62  				<div class="clone-icon f-icon">
    63  					<div class="c-group clearfix">
    64  						<div class="c-col c1">
    65  							<div class="c-block"></div>
    66  							<div class="c-block"></div>
    67  							<div class="c-block"></div>
    68  							<div class="c-block"></div>
    69  						</div>
    70  						<div class="c-col c2">
    71  							<div class="c-block"></div>
    72  							<div class="c-block"></div>
    73  							<div class="c-block"></div>
    74  							<div class="c-block"></div>
    75  						</div>
    76  						<div class="c-col c3">
    77  							<div class="c-block"></div>
    78  							<div class="c-block"></div>
    79  						</div>
    80  					</div>
    81  
    82  					<div class="c-group cg2">
    83  						<div class="c-col c1">
    84  							<div class="c-block"></div>
    85  							<div class="c-block"></div>
    86  							<div class="c-block"></div>
    87  							<div class="c-block"></div>
    88  						</div>
    89  						<div class="c-col c2">
    90  							<div class="c-block"></div>
    91  							<div class="c-block"></div>
    92  							<div class="c-block"></div>
    93  							<div class="c-block"></div>
    94  						</div>
    95  						<div class="c-col c3">
    96  							<div class="c-block"></div>
    97  							<div class="c-block"></div>
    98  						</div>
    99  					</div>
   100  
   101  					<div class="c-group cg3 clearfix">
   102  						<div class="c-col c1">
   103  							<div class="c-block"></div>
   104  							<div class="c-block"></div>
   105  							<div class="c-block"></div>
   106  							<div class="c-block"></div>
   107  						</div>
   108  						<div class="c-col c2">
   109  							<div class="c-block"></div>
   110  							<div class="c-block"></div>
   111  							<div class="c-block"></div>
   112  							<div class="c-block"></div>
   113  						</div>
   114  						<div class="c-col c3">
   115  							<div class="c-block"></div>
   116  							<div class="c-block"></div>
   117  						</div>
   118  					</div>
   119  				</div>
   120  			</div>
   121  		</div>
   122  	</div> <!-- /container -->
   123  </div> <!-- /feature -->
   124  
   125  <div id="demos">
   126  	<div class="container">
   127  		<div class="terminals row">
   128  
   129  			<div class="col-xs-12 col-lg-12 explantion">
   130  				<h2>Layering Resources</h2>
   131                  <p>
   132                      Use attributes from other resources to create
   133                      a layered infrastructure. Terraform handles ordering
   134                      resource creation automatically.
   135  				</p>
   136  			</div>
   137  
   138  			<div class="terminal-item col-xs-12 col-lg-12">
   139  					<div class="terminal">
   140  						<header>
   141  							<h4>Example Configuration</h4>
   142  						</header>
   143  						<div class="terminal-window">
   144  							<div class="">
   145  								<div class="display">
   146  								<p>resource <span class="txt-spe">"digitalocean_droplet"</span> <span class="txt-str">"web"</span> {</p>
   147  								<p>    name = <span class="txt-str">"tf-web"</span></p>
   148  								<p>    size = <span class="txt-str">"512mb"</span></p>
   149  								<p>    image = <span class="txt-str">"centos-5-8-x32"</span></p>
   150  								<p>    region = <span class="txt-str">"sfo1"</span></p>
   151  								<p>}</p>
   152  								<p> </p>
   153  								<p>resource <span class="txt-spe">"dnsimple_record"</span> <span class="txt-str">"hello"</span> {</p>
   154  								<p>    domain = <span class="txt-str">"example.com"</span></p>
   155  								<p>    name = <span class="txt-str">"test"</span></p>
   156  								<p>    value = <span class="txt-str">"<span class="txt-var">${digitalocean_droplet.web.ipv4_address}</span>"</span></p>
   157  								<p>    type = <span class="txt-str">"A"</span></p>
   158  								<p>}</p>
   159  								</div>
   160  							</div>
   161  						</div>
   162  					</div>
   163  			</div> <!-- /.terminal-item -->
   164  
   165  			<div class="col-xs-12 col-lg-12 explantion">
   166  				<h2>Fast, Simplified Interaction</h2>
   167  				<p>
   168                      Simple and intuitive configuration makes even the most complicated services approachable:
   169                      no more web consoles, loading bars, or confusing CLI clients.
   170  				</p>
   171  			</div>
   172  
   173  			<div class="terminal-item col-xs-12 col-lg-12">
   174  					<div class="terminal">
   175  						<header>
   176  							<h4>Example Configuration</h4>
   177  						</header>
   178  						<div class="terminal-window">
   179  							<div class="">
   180  								<div class="display">
   181  								<p>resource <span class="txt-spe">"aws_elb"</span> <span class="txt-str">"frontend"</span> {</p>
   182  								<p>    name = <span class="txt-str">"frontend-load-balancer"</span></p>
   183  								<p>    listener {</p>
   184  								<p>        instance_port = <span class="txt-int">8000</span></p>
   185  								<p>        instance_protocol = <span class="txt-str">"http"</span></p>
   186  								<p>        lb_port = <span class="txt-int">80</span></p>
   187  								<p>        lb_protocol = <span class="txt-str">"http"</span></p>
   188  								<p>    }</p>
   189  								<p> </p>
   190  								<p>    instances = [<span class="txt-str">"<span class="txt-var">${aws_instance.app.*.id}</span>"</span>]</p>
   191  								<p>}</p>
   192  								<p> </p>
   193  								<p>resource <span class="txt-spe">"aws_instance"</span> <span class="txt-str">"app"</span> {</p>
   194  								<p>    count = <span class="txt-int">5</span></p>
   195  								<p> </p>
   196  								<p>    ami = <span class="txt-str">"ami-043a5034"</span></p>
   197  								<p>    instance_type = <span class="txt-str">"m1.small"</span></p>
   198  								<p>}</p>
   199  								</div>
   200  							</div>
   201  						</div>
   202  					</div>
   203  			</div> <!-- /.terminal-item -->
   204  		</div>
   205  	</div>
   206  </div><!-- /#demos -->
   207  
   208  <div id="cta">
   209  	<div class="container">
   210  		<div class="row">
   211  			<div class="intro">
   212  				<div class="left col-xs-12 col-sm-4 col-sm-offset-1 col-md-offset-2 col-md-4">
   213  					<p>The intro contains a walkthrough guide, introductory literature
   214  						and a range of examples to experiment with Terraform.</p>
   215  				</div>
   216  				<div class="col-xs-12 col-sm-6 col-md-4 right">
   217  					<a class="outline-btn" href="/intro/index.html">Try Terraform &#187;</a>
   218  				</div>
   219  			</div>
   220  		</div>
   221  	</div>
   222  </div>