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